Foundations
Foundations
Visual and verbal building blocks for Nexus People OS—tokens, icons, and the language patterns that keep agents and dashboards consistent.
Color
Palette scale, semantic aliases, and CSS custom properties.
Typography
Inter, eyebrows, headings, and placeholder styles.
Icons
Full Lucide set — search and copy data-lucide names.
Content
Style, voice, date/time, and message guidelines.
Messages
Empty states, errors, flags, and feature discovery patterns.
Using tokens
Reference variables such as var(--text) and var(--surface) in product CSS
instead of hard-coded hex values. Semantic tokens are defined in
tokens/tokens.css and documented on the Color page.