Dark mode is normally associated with reducing eye strain and improving readability. It was something that most apps and websites had as an option. But now, many have chosen it as their default style—not just for its health benefits, but as a core part of their branding.
While it may seem like switching from light mode to dark mode doesn’t require significant design changes, the two approaches are distinct. Elements like spacing, typography, and images need to be tailored to fit the mood and functionality of dark mode.
Below, we showcase websites that have adopted dark mode as their default, these sites are good examples of how websites should be designed when dark mode is the core feature.
1 Spaace
Website category: Business Portfolio (NFT Marketplace)
Built with: Astro
Key font: Golos Text
2 Dannpetty
Website category: Personal Portfolio (Designer)
Built with: Webflow
Key font: Inter Display
3 Pinnacledesignlab
Website category: Business Portfolio (Design & Development Services)
Built with: Framer
Key font: PP Supply Mono, Aeonik Regular
4 Wope
Website category: SaaS (SEO & AI Tools)
Built with: Framer
Key font: ES Rebond Grotesque
5 Merci-michel
Website category: Business Portfolio (Digital gamification Studio)
Built with: Jquery
Key fonts: BodoniSevITCBoo, Maison Neue
6 Alongside
Website category: Business Portfolio (Cryptocurrency Platform)
Built with: PHP
Key font: Aeonik Regular
7 Perry Wang
Website category: Personal Portfolio (Product Designer)
Built with: Webflow
Key fonts: PP Neue Montreal, Albert Sans, JetBrains Mono
8 Radilson
Website category: Personal portfolio (Product designer)
Built with: Framer
Key fonts: Figtree Light, Spotify Mix UI
9 Aamirshaikh
Website category: Personal Portfolio (Designer, Developer, Creative Coder)
Built with: Next.js
Key font: Spline Sans
10 Crrtt
Website category: Personal Portfolio (Creative Developer)
Built with: Vanilla javascript with gsap
Key font: Romana BT WXX
11 Neo cultural couture
Website category: Business Portfolio (Futuristic Fashion Showcase)
Built with: Webflow
Key fonts: PP Fraktion Mono, Suisse-Intl
12 Mason wong
Website category: Personal Portfolio (Visual Designer)
Best viewed on: Desktop
Built with: Framer
Key fonts: Roboto Mono, Pinyon Script, Koulen
13 Arcade labs
Website category: Business portfolio (Design agency)
Built with: Framer
Key fonts: OffBit, Manrope ExtraLight
14 Endlesstools
Website category: SaaS (Design & Animation Tools)
Built with: Next.js
Key font: Inter Regular
15 Eleanor
Website category: Business Portfolio (Production Company)
Built with: Nuxt.js
Key font: Suisse Int’l
