Foundations
A neutral system for complex work.
New York density, neutral surfaces, semantic status color, and white-label accents built from CSS variables.
Color roles
Product chrome stays neutral. Color appears only when it carries meaning.
Primary
Background
Card
Muted
Success
Warning
Destructive
Information
Typography
Inter for interface copy; tabular numerals for money and performance.
Business overview
Customer lifecycle
Operational interface copy remains concise and explicit.
$964,188.41
Spacing & shape
8 px compact spacing
16 px component spacing
24 px section spacing
White-label contract
- Logo, product name, and primary accent are configurable.
- Semantic green, amber, red, and blue keep their meaning.
- Layout, density, focus, and interaction behavior stay consistent.
- Light and dark themes share the same component contracts.