Startseite Blog Photography Blog Homepage

Photography Blog Homepage

A visually immersive photography blog homepage with full-bleed image posts, curated galleries, gear reviews, and photographer profile

Photography Blog Visual Gallery Homepage
Kopiere diesen Prompt und füge ihn in ChatGPT oder Claude ein
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.

So verwendest du diesen Prompt

  1. 1 Kopiere den Prompt oben
  2. 2 Füge ihn in dein Lieblings-KI-Tool ein (ChatGPT, Claude, v0, etc.)
  3. 3 Die KI generiert den Website-Code für dich
  4. 4 Passe an und iteriere nach deinen Bedürfnissen

Über diesen Blog Prompt

Dieser Photography Blog Homepage Prompt wurde entwickelt, um dir zu helfen, schnell professionelle blog-Websites mit KI-Tools wie ChatGPT, Claude, v0 von Vercel, Cursor und Bolt.new zu erstellen.

Ob Entwickler, Designer oder Unternehmer - dieser kostenlose KI-Prompt gibt dir einen Vorsprung beim Erstellen von photography blog homepage. Kopiere einfach den Prompt, füge ihn in deinen bevorzugten KI-Coding-Assistenten ein und passe ihn an deine Marke an.

Kompatible KI-Tools

  • ChatGPT (GPT-4) - Hervorragend für detaillierte Code-Generierung und Erklärungen
  • Claude 3 - Ausgezeichnet für komplexe, nuancierte Website-Designs
  • v0 von Vercel - Perfekt für React- und Next.js-Komponenten
  • Cursor - Ideal für KI-gestütztes Coding in deiner IDE
  • Bolt.new - Schnelles Prototyping und Full-Stack-Apps
  • Lovable - Benutzerfreundlicher KI-Website-Builder

Tags

Photography Blog Visual Gallery Homepage Blog KI-Prompt Kostenlose Vorlage Website-Builder Webdesign Copy-Paste Prompt