Copia este prompt y pégalo en ChatGPT o Claude
Create a visually stunning, image-first blog homepage for a travel and landscape photographer named "Elena Voss" who runs a blog called "Aperture Journal." The blog features photo essays, location guides, gear reviews, and behind-the-scenes editing breakdowns. The design should let the photography speak — minimal chrome, maximum visual impact.
1. NAVIGATION BAR
- Logo: "Aperture Journal" in a thin sans-serif, lowercase, with a small aperture blade icon
- Links: Stories, Destinations, Gear, About, Prints
- Right side: search icon + "Subscribe" link (text, not button — minimal)
- Transparent over hero, transitions to white with subtle bottom border on scroll
- Mobile: logo + hamburger only, full-screen overlay with dark background
2. HERO / FEATURED POST
- Full-viewport featured post with cinematic photo — wide landscape shot of the Dolomites at golden hour, jagged peaks with low cloud layers
- Content overlay at bottom with gradient fade-up from black:
- Category badge: "Photo Essay" in uppercase, small, with gold (#D4A853) underline
- Headline: "First Light on the Tre Cime: A Dolomites Morning"
- Excerpt: "I hiked 4 hours in the dark to reach Rifugio Locatelli before sunrise. What I found was worth every frozen step."
- Meta: "March 8, 2026 · 12 photos · 8 min read"
- "Read Story →" link in gold
- Subtle slow pan/zoom animation on the background image (Ken Burns)
- Full-bleed, no margins, edge-to-edge
3. RECENT POSTS (editorial grid)
- Section headline: "Recent Stories" (left-aligned, minimal)
- Asymmetric grid layout — 2 large + 3 small:
- Large (left, spans 2 rows): "Iceland's Diamond Beach at Midnight Sun" — Photo Essay — black sand beach with crystal ice chunks catching golden light — "Jun 2025 · 18 photos"
- Large (right top): "The Gear I Actually Use: 2026 Kit Breakdown" — Gear Review — flat lay of camera body, 3 lenses, filters, tripod — "Feb 2026 · 14 min read"
- Small (right middle-left): "Patagonia in Autumn: Torres del Paine" — Destination Guide — mountain reflected in turquoise lake — "Apr 2025"
- Small (right middle-right): "How I Edit Moody Landscapes in Lightroom" — Behind the Scenes — split screen before/after edit — "Jan 2026"
- Small (right bottom, full width): "Scottish Highlands: Rain, Fog, and Perfect Light" — Photo Essay — lone cottage by misty loch — "Nov 2025 · 22 photos"
- Each card: photo fills entire card, text overlaid at bottom with gradient, category badge, title, date
- Hover: slight zoom on image, text becomes more visible
- Background: white with thin 1px borders between grid items
4. DESTINATIONS (horizontal scroll)
- Section headline: "Explore by Destination"
- 6 destination cards in horizontal scroll:
- "Iceland" — 8 stories — hero: black sand beach, northern lights overlay — dark teal tint
- "Italian Dolomites" — 5 stories — hero: mountain hut at sunrise — warm amber tint
- "Patagonia" — 4 stories — hero: glacier and jagged peaks — cool blue tint
- "Scottish Highlands" — 6 stories — hero: foggy glen with deer — green tint
- "Norway" — 7 stories — hero: Lofoten fishing village — deep blue tint
- "New Zealand" — 3 stories — hero: Milford Sound mirror reflection — teal tint
- Each card: tall portrait aspect ratio (3:4), photo with color tint overlay, destination name large, story count
- Click navigates to destination page with all posts from that location
- Scroll with arrow buttons on desktop, swipe on mobile
- Background: #0A0A0A (near black)
5. CURATED GALLERY (mosaic)
- Section headline: "Selected Work"
- Subheadline: "A curated collection of my favorite frames from the last year"
- Photo mosaic grid — 9 images in varying sizes:
- Panoramic: "Milky Way over Kirkjufell, Iceland" — 2-column span
- Portrait: "Lone tree at Wanaka, New Zealand" — tall 1-column
- Square: "Foggy morning in Glencoe, Scotland" — 1x1
- Wide: "Sunrise at Seceda ridgeline, Dolomites" — 2-column span
- Square: "Aurora reflection, Reine, Norway" — 1x1
- Portrait: "Fitz Roy alpenglow, Patagonia" — tall 1-column
- Wide: "Faroe Islands sea stacks at sunset" — 2-column span
- Square: "Icelandic wild horses in snowstorm" — 1x1
- Square: "Lago di Braies turquoise waters" — 1x1
- Click any image: lightbox with EXIF data overlay (camera, lens, settings, location)
- "View Full Portfolio →" link at bottom
- Background: white
6. GEAR REVIEWS (featured cards)
- Section headline: "Gear Talk"
- 3 review cards in a row:
- "Sony A7R V Review: 14 Months Later" — Rating: 9.2/10 — "Still the best landscape body I've used. The autofocus improvement is real." — product photo — "Read Review →"
- "Peak Design Travel Tripod" — Rating: 8.5/10 — "Compact brilliance with one compromise — stiffness in wind." — product photo — "Read Review →"
- "NiSi V7 Filter System" — Rating: 9.0/10 — "My go-to ND and polarizer kit. The magnetic system is a game-changer for quick setups." — product photo — "Read Review →"
- Each card: product photo, title, numeric rating badge, one-line verdict, read more link
- Rating badge: gold circle with score
- Background: #F5F5F4 (warm gray)
7. BEHIND THE SCENES (before/after)
- Section headline: "From RAW to Final"
- Featured editing breakdown:
- Title: "Editing a Dolomites Sunrise — Step by Step"
- Before/after slider: drag to reveal RAW file vs. final edit
- Brief steps listed alongside:
- "1. White balance correction — shifted 300K warmer"
- "2. Exposure blend — 3 brackets for dynamic range"
- "3. Luminosity masks for sky vs. foreground"
- "4. Color grading — teal shadows, warm highlights"
- "5. Local adjustments — enhanced fog in valley"
- Camera info: "Sony A7R V · 16-35mm f/2.8 GM · f/11 · 1/15s · ISO 100 · tripod"
- "More Editing Breakdowns →" link
- Background: white
8. ABOUT THE PHOTOGRAPHER (profile section)
- Two-column layout:
- Left: portrait photo of Elena — outdoors, camera in hand, mountain backdrop, natural light
- Right: bio and stats
- "Elena Voss" — Travel & Landscape Photographer
- Bio: "I've spent the last 6 years chasing light in the wildest corners of the world. Based in Portland, OR — usually planning the next trip. Aperture Journal is where I share the stories behind the photos, honest gear reviews, and everything I've learned about making images in remote places."
- Stats row: "42 countries" · "200+ published stories" · "85K newsletter subscribers"
- Featured in: logos for National Geographic, Outdoor Photographer, PetaPixel, Lonely Planet (grayscale)
- CTA: "More About Elena →"
- Background: #F5F5F4 (warm gray)
9. NEWSLETTER SIGNUP
- Background: full-bleed photo — night sky with Milky Way over a tent, warm campfire glow
- Overlay content (centered):
- Headline: "Stories, Not Spam"
- Subheadline: "One email per week. New photo essays, location guides, and editing tips. Join 85,000 photographers."
- Email input + "Subscribe" button (solid gold #D4A853, dark text)
- "No spam. Unsubscribe anytime."
- Sample preview: "Latest issue: 'Why I Sold My Drone (And Why I Might Buy Another)'"
- Dark gradient overlay for legibility
10. PRINT SHOP TEASER
- Section headline: "Bring the Landscape Home"
- 4 print preview cards:
- "Tre Cime Sunrise" — 24x36" — From $189 — framed preview mockup
- "Diamond Beach Ice" — 20x30" — From $149 — framed preview mockup
- "Milford Sound Mirror" — 30x20" — From $169 — framed preview mockup
- "Aurora Over Reine" — 24x36" — From $199 — framed preview mockup — Badge: "Best Seller"
- Each card: photo in frame mockup, title, size, starting price
- "Browse All Prints →" link
- Note: "Museum-quality giclée prints on Hahnemühle paper. Ships worldwide."
- Background: white
11. FOOTER
- 4 columns: Explore, Resources, Connect, Legal
- Explore: Latest Stories, Destinations, Curated Gallery, Print Shop
- Resources: Gear Reviews, Editing Tutorials, Location Guides, Recommended Books
- Connect: Newsletter, Instagram (@aperturejournal), YouTube, Email (elena@aperturejournal.com)
- Legal: Privacy Policy, Terms, Cookie Preferences, Licensing
- Bottom: "All photographs © 2026 Elena Voss / Aperture Journal. Do not reproduce without permission."
Design: Minimal, image-forward, editorial. Primary: #0A0A0A (near black), secondary: #D4A853 (warm gold for accents), tertiary: #F5F5F4 (warm gray for alt sections). Backgrounds: white, near-black, and warm gray — no bright colors competing with photography. Typography: Instrument Serif for headings (refined editorial serif), Inter for body and meta text. Let photos dominate — minimal borders, no card shadows, thin dividers only. Full-bleed images wherever possible. Generous whitespace between sections. Cursor changes to zoom icon over gallery images.
Responsive: On mobile, hero post is full-viewport with stacked text. Editorial grid becomes single-column stacked cards (large photos). Destinations scroll horizontally with snap points. Gallery mosaic becomes 2-column grid. Gear reviews stack vertically. Before/after slider works with touch drag. Print cards become 2x2 grid. Newsletter section is full-bleed photo with stacked form. Navigation is logo + hamburger with dark overlay. No floating bars — keep the reading experience clean. Cómo usar este prompt
- 1 Copia el prompt de arriba
- 2 Pégalo en tu herramienta de IA favorita (ChatGPT, Claude, v0, etc.)
- 3 La IA generará el código del sitio web por ti
- 4 Personaliza e itera según tus necesidades
Más Prompts de Blog
Acerca de este Prompt de Blog
Este prompt Photography 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 photography 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
Photography Blog Visual Gallery Homepage Blog Prompt de IA Plantilla Gratis Constructor Web Diseño Web Prompt Copiar Pegar