Louisa Conklin — Website Options

Six design directions for the campaign site. Click through to see each full page.

Option 1

Open Field

Airy, pastoral, editorial
  • Split-screen hero layout — text left, photo right
  • Light mint background with dark teal text — fresh, approachable
  • Three-column issue cards with maroon top border accent
  • Playfair Display serif headings — classic editorial feel
  • Instagram feed grid placed prominently after the hero section
  • Facebook Page embed for blog-style community updates
View Full Page
Preview
Option 2

Rooted

Bold, grounded, serious
  • Full-bleed dark teal hero — dramatic diagonal crop element
  • Deep teal and maroon — high contrast, bold
  • Numbered issue rows (01 / 02 / 03) — direct, no-nonsense
  • DM Serif Display headings — modern yet authoritative
  • Instagram feed grid placed prominently after the hero section
  • Facebook Page embed for blog-style community updates
View Full Page
Preview
Option 3

Harvest

Elevated, warm, distinguished
  • Centered full-screen hero — deep teal gradient with mint accents
  • Maroon strip bar below hero — bold issue summary
  • Libre Baskerville headings — refined, traditional serif
  • Centered navigation — feels more distinguished / official
  • Instagram feed grid placed prominently after the hero section
  • Facebook Page embed for blog-style community updates
View Full Page
Preview
Option 4

The Scroll

Cinematic, horizontal motion
  • Full-screen background video hero — video IS the hero, no separate video section
  • Transparent floating nav that solidifies to dark on scroll
  • 5-wide horizontal Instagram carousel with left/right arrow buttons
  • Horizontal scroll-snap issue cards with arrow navigation
  • Full-bleed background about section with floating overlay card
  • Facebook + CTA combined side-by-side — saves a full section
  • Cormorant Garamond serif + Work Sans — cinematic editorial feel
View Full Page
Preview
Option 5

The Story

Single-column editorial narrative
  • Fixed dot-navigation on left side with scroll-spy highlighting
  • Full-screen text-only hero — pure typography, no image, scroll-down chevron
  • About section comes second — lead with the person, not the issues
  • Single-column narrative with blockquote pull-quote
  • Vertical timeline issues with connecting line and dots
  • Spotlight Instagram post with horizontal thumbnail strip below
  • Lora serif + Karla sans — warm editorial feel
View Full Page
Preview
Option 6

The Grid

Dashboard / newspaper layout
  • Pill-shaped tag navigation + "LC" monogram logo block
  • Overlapping card hero — text card, photo card, accent quote card
  • Stats bar strip — District 1 / 3 Issues / $0 PAC
  • Dashboard grid: video, issue preview, and IG preview cards together
  • Tabbed issues interface — click tabs to switch, bullet-point policy lists
  • About as main card + sidebar Quick Facts and Endorsements cards
  • Masonry/Pinterest Instagram layout with varied heights
  • Instrument Serif + IBM Plex Sans — modern newspaper feel
View Full Page
Preview