Website Design Library

Shop website designs like products. Because here, they are.

Every design below is a real, working website you can open, scroll, and click through — complete with its spec sheet, build details, and an objective design score. Filter to your industry and style, test-drive the live demos, and tell us which one we're building for you.

85 designs

Pulse website design preview
91MDE
Score

SaaS & Technology

Pulse

A glassmorphic product site with gradient depth, live-feeling UI, and a pricing page that closes.

Glassmorphism / TechImmersive motionProduct Marketing Site
  • Gradient-mesh hero with in-browser product mock rendered in CSS
  • Social-proof logo marquee
  • Feature bento grid with frosted-glass cards
Northstar website design preview
90MDE
Score

Insurance Agency

Northstar

A quote-funnel site that turns insurance confusion into a three-minute comparison.

Corporate / TrustworthyModerate motionQuote-Funnel Site
  • Hero with guided three-minute quote start
  • Coverage-line cards: auto, home, life, business, umbrella
  • Independent-agency explainer: we shop, carriers compete
Haulaway website design preview
90MDE
Score

Junk Removal

Haulaway

An instant-quote junk site with truck-side charm, point, price, gone by Friday.

Playful / IllustratedModerate motionInstant-Quote Site
  • Hero with truck-fill volume slider and instant price estimate
  • What-we-take grid with the weird stuff included
  • Photo quote path: snap the pile, get a number
Heliogen website design preview
90MDE
Score

Solar Installation

Heliogen

A savings-first solar funnel where the calculator does the selling and the math shows its work.

Glassmorphism / TechModerate motionSavings-Calculator Lead-Gen
  • Hero with bill slider estimating system size and savings
  • Incentive stack: federal credit, state programs, net metering, dated
  • Payback timeline visual with honest assumptions listed
Civica website design preview
90MDE
Score

Municipal & Government

Civica

An accessible municipal site that helps residents find services and get things done.

Corporate / TrustworthySubtle motionMunicipal Government Site
  • Task-first hero: pay, apply, report, request
  • Prominent emergency and service-alert banner
  • Popular-services grid organized by resident intent
Maison website design preview
89MDE
Score

Luxury Real Estate

Maison

An editorial showcase where luxury listings read like a magazine spread.

Luxury / EditorialImmersive motionListing Showcase Site
  • Full-bleed parallax hero with signature property
  • Featured listings grid with hover-zoom photography treatment
  • Agent story section with editorial pull quotes
Stillwater website design preview
89MDE
Score

Med Spa & Wellness

Stillwater

A soft, breathing layout that makes booking a treatment feel like the first step of the treatment.

Organic / Soft MinimalSubtle motionBooking-First Site
  • Calm hero with single booking CTA and ambient gradient
  • Treatment menu cards with duration and starting price
  • Signature-ritual walkthrough in three steps
Voltline website design preview
89MDE
Score

Electrical Services

Voltline

An engineering-grade site for electricians: mono type, spec-sheet density, and high-voltage accents.

Industrial / UtilitarianModerate motionMulti-Page Business Site
  • Dark utility hero with capability readout and dual CTA
  • Service grid labeled like an electrical panel: residential, commercial, EV, emergency
  • Spec-sheet capability table with mono data styling
Monograph website design preview
89MDE
Score

Photographer

Monograph

A full-bleed photography portfolio where the interface disappears and the work does the talking.

Minimal / SwissModerate motionFull-Bleed Portfolio
  • Full-bleed hero image with minimal overlay
  • Series index with typographic precision
  • Edge-to-edge gallery rows with asymmetric rhythm
Openhand website design preview
89MDE
Score

Nonprofit

Openhand

A donation-first nonprofit site where generosity meets zero friction and full transparency.

Organic / SoftSubtle motionDonation-First Site
  • Mission hero with one-sentence clarity and give action
  • Donation module: preset amounts with impact equivalents
  • Monthly giving framed as the default, not the upsell
Beeline website design preview
89MDE
Score

Urgent Care

Beeline

An urgent care site where the wait time is the headline and check-in starts in the car.

Bold / Conversion-FirstModerate motionWait-Time-First Clinic Site
  • Hero with live wait time, hours, and save-my-spot CTA
  • We-treat grid: cuts, sprains, fevers, tests, x-ray on site
  • ER-or-here triage guide that sends emergencies away honestly
Unboxd website design preview
89MDE
Score

Subscription Box & DTC

Unboxd

A vibrant subscription-box site that turns curiosity into recurring revenue.

Playful / VibrantRich motionSubscription E-Commerce
  • Box-reveal hero that shows the delight up front
  • What’s-inside preview with rotating past boxes
  • Plan toggle: monthly, quarterly, annual with savings

Every design here is a starting point — your build gets your brand, your copy, your photography, and your integrations. The library shows range; the final website is yours alone.

Objective by design

What the MDE Design Score actually measures

“Beautiful” isn't a feeling here — it's a rubric. Every design is graded on six weighted dimensions, each scored against anchored checkpoints drawn from WCAG 2.2 accessibility standards, Core Web Vitals thresholds, and the judging model used by the industry's design awards. Scores are earned, not given — every design shows you exactly where it's strongest, so you can pick for what matters to you.

Visual Hierarchy & Layout

20%

One dominant focal point per screen, consistent 8-pt spacing, disciplined grid, scannable section rhythm, intentional whitespace.

Typography

15%

Consistent modular scale, 45-75 character line lengths, body line-height of 1.4 or more, max two typefaces plus one accent, instantly readable hierarchy.

Color & Contrast

15%

WCAG AA text contrast (4.5:1), 3:1 UI contrast, disciplined 60-30-10 palette or intentional system, consistent semantic color, color never the only signal.

Motion & Interaction

15%

Every animation has a job, UI durations of 150-400 ms with easing, honors reduced-motion preferences, zero layout-shifting animation, hover and focus states everywhere.

Accessibility

15%

Semantic landmarks and heading order, full keyboard navigation with visible focus, complete alt text and labels, 44 px touch targets, verified AA contrast.

Conversion Readiness

20%

Primary CTA above the fold and repeated, visible trust signals, friction-minimized contact, objection handling, thumb-zone CTA placement on mobile.

Found the one? Or need something that doesn't exist yet?

Tell us which design you want — or describe the website in your head — and we'll build it for your business with your brand, your content, and the demand-capture infrastructure behind it.

Start my website