Dark Mode / Dark UI websites
Interfaces that default to dark — when it reads as premium, and when it just hides the seams.
Examples

Apple — Homepage
Dark, full-bleed product-tile homepage.

Dovetail — Homepage
Black canvas, four numbered chapters, and an emoji dropped into the middle of every headline.

Figma — 404 Page
Figma’s missing-page message and recovery choices.

Fora
A branded community-platform homepage that earns its scroll.

Framer — 404 Page
Framer’s missing-page message and recovery choices.

Framer — Homepage
A homepage that puts its OpenRouter ranking and weekly token count in the hero, next to the signup button.

Framer — Framer CMS Product Page
Framer CMS: the product promise and supporting sections.

GitHub — GitHub Actions Product Page
GitHub Actions: the product promise and supporting sections.

Instaplay Homepage
The homepage is a text box: type a game idea, pick solo or multiplayer, and the feed of other people's games sits underneath.

Linear — Homepage
Dark, product-forward SaaS homepage.

Linear
A dark pricing page that makes the comparison the product.

Mochi Homepage
No marketing page at all: the homepage is the streaming catalogue, opened on a featured original.

Motiff — Homepage
'The best UI generator' over an empty prompt box, under a red bar announcing the product's discontinuation — a marketing page and a wind-down notice sharing one screen

Netflix — Homepage
A streaming homepage that shows you a top-ten list you cannot open.

Notion — 404 Page
Notion’s missing-page message and recovery choices.

Page Flows — Homepage
A long dark homepage that answers the archive's only real objection — why pay for screenshots — by showing the labour, and then quietly reprints the entire pricing page at the bottom.

Relume — Homepage
An AI website builder selling speed on the opening work while promising the designer stays in control.

Spline
A 3D-tool homepage that demos the product by being made of it.

Spotify — Web Player Home
The player is the homepage

UX Tools — Homepage
Newsletter-first media homepage.

Webflow — 404 Page
Webflow’s missing-page message and recovery choices.

Webflow — Webflow CMS Product Page
Webflow CMS: the product promise and supporting sections.
Building a dark mode / dark ui-style site?
Get a free UX Snapshot of your page — a quick read on what works and what to fix.
Browse by page type
Landing Pages
The single-purpose pages built to convert one specific visitor.
Homepages
The front door — orientation, positioning, and the first impression.
Portfolio Sites
Personal and studio sites that sell the work by showing it.
Ecommerce / Shop Pages
Storefronts and product pages built to move people to checkout.
About Us
The pages that turn a company into people you trust.
Pricing Pages
Where intent meets the number — plans, tiers, and the choice architecture.
Blog Pages
Index and article layouts built for reading and return visits.
Event Pages
Conference, launch, and webinar pages built to drive sign-ups.
Contact Pages
The last mile — making it easy to start a conversation.
404 / Error Pages
The dead end, redesigned as a way back in.
Other styles
3D
Depth, dimension, and rendered objects as the hero.
Magazine / Editorial
Type-led, grid-driven layouts borrowed from print.
Retro
Nostalgic, period-specific design as a brand signal.
Colorful
Saturated, high-energy palettes used with intent.
Minimal
Restraint as the design — one idea per section, whitespace doing the structural work.