Style comparisons
Only pairs that are easy to mix up. Both sides are real previews.
- Glassmorphism / Liquid Glass
Glassmorphism is frosted blur and a rim. Liquid glass also needs refraction over a moving field.
- Neobrutalism / Editorial
Neobrutalism uses 2px hard edges and offset shadows. Editorial uses hairline rules and serif headlines.
- Paper / Premium
Paper is warm stock and ink, like a notebook. Premium is zinc and one matte accent, like a gallery.
- Neumorphism / Claymorphism
Neumorphism is emboss and inset on one fill. Clay is a thick rim and a soft shadow, more inflated.
- Mono / Mono Geist
Mono is terminal ink on charcoal. Mono Geist is black and white with tracking pulled tight.
- Apple Native / Clean
Apple Native follows HIG: grouped lists, large titles, safe areas. Clean is a calm blue on an enterprise grid.
- Cinematic Commerce / Night Lime
Cinematic commerce is side light and one hero product. Night lime is one acid green on charcoal.
- Keyboard Dark / Night Lime
Keyboard dark keeps violet on focus. Night lime’s green is the brand and can cover a poster.
- Bento / Clean
Bento is an asymmetric tile set. Clean is an aligned, function-first grid.
- Bold / Neobrutalism
Bold fills the wall with type. Neobrutalism relies on hard edges, hard shadows, and one yellow.
- Editorial / Gallery Space
Editorial is serif headlines and thin columns. Gallery space gives photography a large white field.
- Warm Desk / Paper
Warm desk is warm paper and serif titles for collaborative docs. Paper feels like an open notebook.
- Gradient Atelier / Precise Violet
Gradient atelier is hairline gradients and light type. Precise violet is a near-invisible grid, with violet only on focus.
- Coral Market / Bold
Coral market is round corners and a warm front desk. Bold is type that fills the wall.
- Premium / Gallery Space
Premium can live without a large photo, on zinc and type weight. Gallery space must let photography own a column.
- Liquid Glass / Apple Native
Liquid glass is the control-center refraction layer. Apple Native is system gray and standard blue on a settings screen.
- Cinematic Commerce / Premium
Cinematic commerce needs one full-bleed product and a capsule button. Premium can stay emptier.
- Mono / Keyboard Dark
Mono is terminal type across the screen. Keyboard dark keeps violet on focus and shortcuts.
- Paper / Editorial
Paper feels like a notebook, warm in type and ground. Editorial feels like a spread, with serif headlines and thinner rules.
- Glassmorphism / Apple Native
Glassmorphism depends on the background showing through. Apple Native surfaces are solid system gray.
- Bento / Precise Violet
Bento tiles vary in size and show features. Precise violet’s grid is nearly invisible and constrains an engineering UI.
- Clean / Warm Desk
Clean is a calm blue and function first. Warm desk is warm paper and serif titles.
- Night Lime / Gradient Atelier
Night lime is high-contrast acid green. Gradient atelier is a hairline gradient and light type.
- Claymorphism / Bold
Clay has thick rims and soft shadows, and the forms are round. Bold is hard type that fills the view.