03 · Decisions
Compare them side by side.
Master table, decision cards, accessibility scorecard. Pick with confidence — not vibes.
Master comparison
SaaS fit
Complexity
| # | Theme | SaaS Fit | Complex. | A11y | Trend |
|---|---|---|---|---|---|
| 01 | Neobrutalism | Low | 🔥 Hot | ||
| 02 | Glassmorphism | Medium | ✓ Stable | ||
| 03 | Neumorphism | High | ↓ Fading | ||
| 04 | Dark / Cyberpunk | Medium | 🔥 Hot | ||
| 05 | Claymorphism | Medium | ✓ Stable | ||
| 06 | Flat / Minimal | Low | ✓ Stable | ||
| 07 | Retro / Y2K | Medium | 🔥 Hot | ||
| 08 | Swiss / International | Low | ✓ Stable | ||
| 09 | Aurora / Mesh | Medium | 🔥 Hot | ||
| 10 | Memphis / Pop Art | High | ↓ Fading | ||
| 11 | Corporate | Low | ✓ Stable | ||
| 12 | Retro Terminal | Low | ✓ Stable | ||
| 13 | Cottagecore | Medium | ✓ Stable | ||
| 14 | Bento Grid | Medium | 🔥 Hot | ||
| 15 | Skeuomorphism | High | ↓ Fading | ||
| 16 | Dopamine | Medium | 🔥 Hot | ||
| 17 | Dark Luxury | Medium | ✓ Stable | ||
| 18 | Type-First | Low | ✓ Stable | ||
| 19 | Sci-Fi / HUD | High | ✓ Stable | ||
| 20 | Pastel / Soft | Low | 🔥 Hot | ||
| 21 | Data Dense | High | ✓ Stable | ||
| 23 | Aurora + Glass | Medium | 🔥 Hot | ||
| 24 | Neo + Flat | Low | 🔥 Hot | ||
| 25 | Bento + Flat | Low | 🔥 Hot | ||
| 26 | Vaporwave Grid | Medium | ↓ Fading | ||
| 27 | Lemon Drop | Low | 🔥 Hot | ||
| 28 | Midnight Brick | Low | 🔥 Hot | ||
| 29 | Cotton Punch | Low | ✓ Stable | ||
| 30 | Forest Flat | Low | 🔥 Hot | ||
| 31 | Chalk Board | Low | ✓ Stable |
Use when · Avoid when
Neobrutalism
Use when
- · Indie SaaS
- · portfolios
- · Trend signal: 🔥 Hot
Avoid when
- · Enterprise procurement
- · Complexity is low — assess team
- · High contrast borders.
Glassmorphism
Use when
- · Hero sections
- · Strong visual identity is needed
- · Trend signal: ✓ Stable
Avoid when
- · Dense UI, small text
- · Complexity is medium — assess team
- · Contrast over blur is risky.
Neumorphism
Use when
- · Audio
- · control panels
- · Trend signal: ↓ Fading
Avoid when
- · Anything text-heavy
- · Complexity is high — assess team
- · Low contrast by design.
Dark / Cyberpunk
Use when
- · Dev tools
- · AI
- · Trend signal: 🔥 Hot
Avoid when
- · Mainstream B2B
- · Complexity is medium — assess team
- · Neon-on-black can fatigue.
Claymorphism
Use when
- · Consumer onboarding
- · Strong visual identity is needed
- · Trend signal: ✓ Stable
Avoid when
- · Dev tools
- · Complexity is medium — assess team
- · Soft but readable.
Flat / Minimal
Use when
- · B2B SaaS
- · dashboards
- · Trend signal: ✓ Stable
Avoid when
- · Brands needing personality
- · Complexity is low — assess team
- · WCAG AA by default.
Retro / Y2K
Use when
- · Streetwear
- · Gen-Z
- · Trend signal: 🔥 Hot
Avoid when
- · Enterprise, fintech
- · Complexity is medium — assess team
- · Holographic gradients dim text.
Swiss / International
Use when
- · Agencies
- · editorial
- · Trend signal: ✓ Stable
Avoid when
- · Warm consumer brands
- · Complexity is low — assess team
- · Excellent typography hygiene.
Aurora / Mesh
Use when
- · AI startups
- · VC heroes
- · Trend signal: 🔥 Hot
Avoid when
- · Commodity SaaS
- · Complexity is medium — assess team
- · Watch text on gradients.
Memphis / Pop Art
Use when
- · Events
- · culture brands
- · Trend signal: ↓ Fading
Avoid when
- · Trust-driven products
- · Complexity is high — assess team
- · Visual chaos hurts focus.
Corporate
Use when
- · Banking
- · legal
- · Trend signal: ✓ Stable
Avoid when
- · Indie consumer
- · Complexity is low — assess team
- · Conservative = compliant.
Retro Terminal
Use when
- · CLI
- · security
- · Trend signal: ✓ Stable
Avoid when
- · Non-developer users
- · Complexity is low — assess team
- · Mono-only fatigues some users.
Accessibility scorecard
Quick read on how each system performs against WCAG basics and real-world readability.
| Theme | Contrast | Focus | Mobile | Screen Reader |
|---|---|---|---|---|
| Neobrutalism | ||||
| Glassmorphism | ||||
| Neumorphism | ||||
| Dark / Cyberpunk | ||||
| Claymorphism | ||||
| Flat / Minimal | ||||
| Retro / Y2K | ||||
| Swiss / International | ||||
| Aurora / Mesh | ||||
| Memphis / Pop Art | ||||
| Corporate | ||||
| Retro Terminal | ||||
| Cottagecore | ||||
| Bento Grid | ||||
| Skeuomorphism | ||||
| Dopamine | ||||
| Dark Luxury | ||||
| Type-First | ||||
| Sci-Fi / HUD | ||||
| Pastel / Soft | ||||
| Data Dense | ||||
| Aurora + Glass | ||||
| Neo + Flat | ||||
| Bento + Flat | ||||
| Vaporwave Grid | ||||
| Lemon Drop | ||||
| Midnight Brick | ||||
| Cotton Punch | ||||
| Forest Flat | ||||
| Chalk Board |