Account pages

11 sites with a deeply-analysed account page , across consumer brand, fitness, beauty, health, childcare education, retail, data infrastructure, editorial publishing. Build a account page from how the best sites build that page, not a generic skeleton.

Screenshot of Aesop

Aesop

flagship

Consumer Brand

an editorial e-commerce reference where Suisse Intl on warm-cream `#fffef2`, a modular 1.13 type ratio, and full-bleed photography do all the work - no display face, no accent colour, no motion of consequence.

Screenshot of Alo Yoga

Alo Yoga

strong

Fitness

an aspirational activewear and yoga store that runs almost pure black-on-white, lets full-bleed editorial photography fill the frame, and adds personality through one handwritten-italic serif overlay and disciplined image-grid merchandising.

Screenshot of Core Atelier Pilates

Core Atelier Pilates

niche

Fitness

a warm, editorial pilates-studio site in espresso and cream (#25140C / #F7E7DE) with an Albert Sans plus Minion Pro serif-italic pairing, sun-lit interior photography, Lenis-smoothed scrolling and a giant "core atelier" wordmark closing the page.

Screenshot of Glossier

Glossier

flagship

Beauty

a beauty-DTC site stripped to near-nothing, black Apercu on white with millpond whitespace, a famous soft-pink campaign hero, and one electric-blue (#0600FF) accent, where the restraint itself is the brand.

Screenshot of Gymshark

Gymshark

flagship

Fitness

a fitness-apparel giant running a fast, monochrome Next.js storefront, pure black and white with grey support, Roboto for UI and a Montserrat display voice, near-square 4px product chrome against full-pill 56px CTAs, and a tight set of 0.2-0.25s ease transitions that keep a huge catalogue feeling quick.

Screenshot of Hims Hers

Hims Hers

flagship

Health

a telehealth brand that makes prescription medicine feel like a lifestyle product, a big tight-set geometric sans headline, a warm cream-and-brown palette, and a grid of large rounded entry cards with floating product photography that route you straight into "find your Rx match".

Screenshot of Lovevery

Lovevery

flagship

Childcare Education

a warm, research-led children's product brand that pairs a soft cream/off-white ground and warm-grey body text with a confident royal-blue accent, BrownPro geometric headings, a Bradford italic serif for editorial warmth, and a rainbow age-stage colour strip that doubles as the brand signature.

Screenshot of Maap

Maap

strong

Retail

an Australian premium-cycling-apparel store that reads like a design studio, a near-monochrome #222-on-white system with a single chartreuse spark, a TWK Everett grotesque paired against a Times Now display-serif italic, a full-bleed autoplay-video hero and a token system deep enough (134 custom properties, a fluid clamp scale) to feel engineered rather than themed.

Screenshot of Segment

Segment

strong

Data Infrastructure

The reference for a developer-CDP brand migrating into its acquirer — Twilio red + Segment blue on deep navy, isometric red cube illustrations, Whitney SSm single-family discipline.

Screenshot of The Brand Identity

The Brand Identity

strong

Editorial Publishing

The reference for editorial design publications — centred italic-serif wordmark, light-grey paper background, mixed Times-serif body + Bauhaus-sans chrome, content-density home grid.

Screenshot of Warby Parker

Warby Parker

flagship

Health

a calm, trustworthy retail-optometry site that pairs a near-black ink (#121212) with a confident royal blue (#1050D0), runs a custom grotesque against a custom serif, and lets warm lifestyle photography and a fast 0.2s ease carry the polish.

Back to the full collection