Inicio Blog Lifestyle Blog Homepage

Lifestyle Blog Homepage

A modern lifestyle blog homepage with featured articles, category navigation, newsletter signup, and curated content collections for wellness, travel, and culture

Blog Lifestyle Homepage Content Magazine
Copia este prompt y pégalo en ChatGPT o Claude
Create a visually rich, editorial-quality lifestyle blog homepage for a publication called "The Sunday Edit" — a digital magazine covering wellness, travel, culture, food, and personal style. The design should feel warm, curated, and aspirational — like a boutique magazine that respects the reader's time. The layout prioritizes beautiful photography, clean typography, and easy content discovery.

1. NAVIGATION BAR
- Logo: "The Sunday Edit" in an elegant serif font (Playfair Display or similar), centered
- Left links: Wellness, Travel, Culture, Food, Style
- Right links: Search (magnifying glass icon), Subscribe, "Shop Our Picks" (small bag icon)
- Thin top announcement bar: "New every Sunday — Subscribe for free ↗" on #FAF5FF (light lavender)
- White background, no bottom border (clean edge), sticky on scroll
- Mobile: logo centered, hamburger left, search + subscribe right

2. HERO FEATURE (large editorial spread)
- Full-width featured article with large background image (70vh height)
- Overlay gradient from bottom (transparent to rgba(0,0,0,0.6))
- Content overlaid at bottom-left:
  - Category pill: "WELLNESS" in uppercase, small, #D946EF (fuchsia-500) background, white text
  - Headline: "The Case for Doing Less: Why Rest Is the New Productivity Hack"
  - Excerpt: "In a culture obsessed with optimization, we talked to neuroscientists, monks, and burnt-out founders about the radical act of slowing down."
  - Author line: "By Mia Chen · 8 min read · March 12, 2026" with small author avatar
- Hover: image subtle zoom, headline underlines
- Mobile: image 50vh, text overlay at bottom

3. CATEGORY NAVIGATION (horizontal pill bar)
- Sticky below nav on scroll
- Horizontal scrollable category pills: All, Wellness, Travel, Culture, Food, Style, Interviews, Gift Guides
- Active category: solid #D946EF (fuchsia) pill, white text
- Inactive: light gray background, dark text
- Smooth scroll behavior on mobile, thin scrollbar hidden
- Background: white with subtle bottom shadow when stuck

4. EDITOR'S PICKS (3-column featured grid)
- Section headline: "Editor's Picks" with a small star icon
- 3 cards in equal columns:
  - Card 1: "Why Everyone in Copenhagen Is Biking to the Sauna" — Travel — Cover photo of harbor saunas — "By Astrid Nygaard · 6 min"
  - Card 2: "The 5 Japanese Pantry Staples That Changed How I Cook" — Food — Cover photo of organized pantry — "By Kenji Matsuda · 5 min"
  - Card 3: "I Wore Only 15 Pieces for 30 Days — Here's What I Learned" — Style — Cover photo of minimal wardrobe — "By Elena Vasquez · 7 min"
- Each card: large image (aspect 3:2), category pill, headline (serif, bold), author + read time
- Hover: image subtle zoom, shadow lift
- Mobile: horizontal scroll with snap points

5. NEWSLETTER SIGNUP (inline section)
- Background: #FAF5FF (light lavender) with subtle grain texture
- Left side (60%): "Get The Sunday Edit in your inbox. One email, every Sunday morning — our best reads, a recipe, and one thing that made us smile."
- Right side (40%): email input field + "Subscribe — It's Free" button (#D946EF fuchsia, white text)
- Below input: "Join 24,000+ readers · No spam · Unsubscribe anytime"
- Small illustration: a coffee cup with steam and a newspaper
- Mobile: stacks vertically, full-width input and button

6. LATEST ARTICLES (mixed grid layout)
- Section headline: "Latest" with a "View All →" link
- Mixed layout:
  - Row 1: 1 large card (50%) + 2 stacked small cards (50%)
  - Row 2: 3 equal cards
  - Row 3: 1 wide card (full-width, horizontal layout with image left 40%, text right 60%)
- Article entries:
  - "A Weekend Guide to Oaxaca's Mezcal Country" — Travel — 9 min
  - "How to Actually Meditate (From Someone Who Couldn't)" — Wellness — 4 min
  - "The Restaurants Where Chefs Eat on Their Day Off" — Food — 6 min
  - "What 'Quiet Luxury' Gets Wrong About Style" — Culture — 7 min
  - "12 Books Our Team Can't Stop Recommending" — Culture — 5 min
  - "The Morning Routine That Replaced My Coffee Addiction" — Wellness — 6 min
  - "Why Solo Travel at 40 Feels Different (and Better)" — Travel — 10 min — Featured author photo, longer excerpt
- Each card: image, category pill, headline, excerpt (2 lines max), author avatar + name + read time
- Save/bookmark icon on each card (heart outline)

7. TRENDING NOW (horizontal scroll strip)
- Section headline: "Trending This Week" with fire icon
- Numbered list (1-5) in horizontal scrollable cards:
  - 1. "Digital Detox Retreats That Are Actually Worth It" — Wellness — 12K reads
  - 2. "The TikTok Pasta That Broke Our Test Kitchen" — Food — 9.8K reads
  - 3. "Pack Like a Local: The One-Bag Travel System" — Travel — 8.2K reads
  - 4. "Interview: Designing Calm with Dieter Rams' Protégé" — Culture — 7.1K reads
  - 5. "The Capsule Wardrobe Cheat Sheet for Spring 2026" — Style — 6.5K reads
- Each card: large number (faded, behind text), small thumbnail, headline, category, read count
- Horizontal scroll with no visible scrollbar, snap-to-card behavior
- Mobile: same horizontal scroll, slightly smaller cards

8. CURATED COLLECTION (editorial feature box)
- Full-width section with #FDF4FF background
- Layout: left side illustration/collage (40%), right side content (60%)
- Collection title: "The Slow Living Guide"
- Description: "Our favorite reads on intentional living — from minimalist wardrobes to digital boundaries to finding joy in the mundane."
- 4 linked article titles with category pills and read times
- CTA: "Explore the Collection →" (fuchsia text link with arrow)

9. INSTAGRAM / SOCIAL STRIP
- Section headline: "Follow @thesundayedit" with Instagram icon
- 6 square images in a row (pulled from Instagram feed aesthetic)
- Each image: hover overlay with heart count and caption preview
- Below: "28K followers · Join the conversation" + "Follow on Instagram" button (outline fuchsia)
- Mobile: horizontal scroll, 4 visible

10. ABOUT & MISSION (split section)
- Left (50%): "About The Sunday Edit"
- "We started The Sunday Edit in 2023 as a newsletter for friends — a weekly email with the articles, recipes, and ideas we were actually excited about. Three years and 24,000 subscribers later, we're still writing for the curious, the intentional, and the quietly ambitious."
- "Founded by Mia Chen & Leo Alvarez in Brooklyn, NY"
- Links: "Meet the Team" · "Write for Us" · "Advertise"
- Right (50%): team photo — casual, warm, editorial style
- Background: white

11. FOOTER
- 4 columns on #1C1917 (stone-900) background, cream text:
  - Read: Wellness, Travel, Culture, Food, Style, Interviews
  - Discover: Gift Guides, Collections, Podcast, Newsletter Archive
  - Company: About, Team, Careers, Advertise, Press Kit
  - Connect: Instagram, Twitter/X, Pinterest, YouTube, TikTok
- Newsletter signup repeated: email input + "Subscribe"
- Bottom bar: "© 2026 The Sunday Edit. Made with ☕ in Brooklyn." + Privacy · Terms · Accessibility
- Small Substack/Beehiiv badge if applicable

Design: Warm, editorial, curated. Primary: #D946EF (fuchsia-500 for accents, CTAs, category pills), secondary: #1C1917 (stone-900 for text), accent: #F59E0B (amber for trending indicators, highlights). Backgrounds: white primary, #FAF5FF (lavender tint) for featured sections, #FDF4FF for collections. Typography: Playfair Display for headlines (elegant serif, editorial feel), Inter for body text and UI. Cards with 12px border-radius, subtle shadows. Photography-forward layout with generous white space. Grain texture on accent sections for tactile editorial feel. Overall mood: Sunday morning with a coffee — unhurried, intentional, beautiful.

Responsive: Mobile-first. Hero image reduces to 50vh. Editor's Picks becomes horizontal scroll. Article grid stacks to single column. Newsletter section stacks vertically. Trending strip scrolls horizontally. Instagram strip shows 4 images with scroll. Category pills scroll horizontally with hidden scrollbar. Sticky bottom bar with "Subscribe" CTA on mobile. All images lazy-loaded. Touch targets minimum 44px.

Cómo usar este prompt

  1. 1 Copia el prompt de arriba
  2. 2 Pégalo en tu herramienta de IA favorita (ChatGPT, Claude, v0, etc.)
  3. 3 La IA generará el código del sitio web por ti
  4. 4 Personaliza e itera según tus necesidades

Acerca de este Prompt de Blog

Este prompt Lifestyle Blog Homepage está diseñado para ayudarte a crear rápidamente sitios web profesionales de blog usando herramientas de IA como ChatGPT, Claude, v0 de Vercel, Cursor y Bolt.new.

Ya seas desarrollador, diseñador o emprendedor, este prompt de IA gratuito te da una ventaja al crear lifestyle blog homepage. Simplemente copia el prompt, pégalo en tu asistente de código IA favorito y personalízalo para tu marca.

Herramientas de IA Compatibles

  • ChatGPT (GPT-4) - Excelente para generación detallada de código y explicaciones
  • Claude 3 - Excelente para diseños web complejos y matizados
  • v0 de Vercel - Perfecto para componentes React y Next.js
  • Cursor - Ideal para codificación potenciada por IA en tu IDE
  • Bolt.new - Prototipado rápido y apps full-stack
  • Lovable - Constructor de sitios web IA fácil de usar

Etiquetas

Blog Lifestyle Homepage Content Magazine Blog Prompt de IA Plantilla Gratis Constructor Web Diseño Web Prompt Copiar Pegar