8 DESIGN SYSTEMS

Industry Themes

Each theme ships with design tokens, a production CSS starter, and an audit checklist

Aa

Cyber-Brutalist

Tech, AI/ML, DevTools, Infrastructure

mode : Dark-only
radius : 0px
accent : #00D4AA
DESIGN_TOKENS.md CSS_STARTER.css AUDIT_CHECKLIST.md
Aa

Clinical Trust

Healthcare, Telehealth, Wellness

mode : Light-first
radius : 8-12px
accent : #2563EB
DESIGN_TOKENS.md CSS_STARTER.css AUDIT_CHECKLIST.md
Aa

Institutional

Law, Finance, Consulting, Accounting

mode : Dark + Light
radius : 0-2px
accent : #C9A84C
DESIGN_TOKENS.md CSS_STARTER.css AUDIT_CHECKLIST.md
Aa

Creative Agency

Design Studios, Photography, Video

mode : Dark-first
radius : 0px
accent : #FF4D00
DESIGN_TOKENS.md CSS_STARTER.css AUDIT_CHECKLIST.md
Aa

Storefront

E-Commerce, DTC, Retail

mode : Light-first
radius : 4-8px
accent : #E63946
DESIGN_TOKENS.md CSS_STARTER.css AUDIT_CHECKLIST.md
Aa

Data Dashboard

SaaS, Analytics, SEO Agencies

mode : Dark-first
radius : 6-8px
accent : #3B82F6
DESIGN_TOKENS.md CSS_STARTER.css AUDIT_CHECKLIST.md
Aa

Editorial

Media, Publishing, Newsletters

mode : Light-first
radius : 0px
accent : #B91C1C
DESIGN_TOKENS.md CSS_STARTER.css AUDIT_CHECKLIST.md
Aa

Civic / NGO

Government, Nonprofits, Education

mode : Light-first
radius : 4px
accent : #2B6CB0
DESIGN_TOKENS.md CSS_STARTER.css AUDIT_CHECKLIST.md