Components
The component set as live specimens — buttons, inputs, cards, tables, navigation, feedback, overlays, and data display.
Interface
The foundations applied to screens — components, code surfaces, dark mode, icons, and forms.
Interface guidance applies the foundations to working software. Where a component appears here, its measurements are normative — a 40px input is 40px, not “about 40px”.
Composed patterns
How the components combine into whole screens — the page shell, the KPI row, and the primary/secondary split.
Dark mode
Both modes are equally supported. The implementation rules that keep them in step.
Code
The always-dark code surface and the syntax theme, with measured contrast for every token.
Icons
Lucide as the icon library, and how icons are sized and coloured.
Forms
Input sizing, labels, focus, error, and disabled states.
States
Empty, loading, and error states — the screens a component set never shows you.
Accessibility
Keyboard order, skip links, focus management across composed layouts, and the ARIA the component set requires.