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”.


Components

The component set as live specimens — buttons, inputs, cards, tables, navigation, feedback, overlays, and data display.

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.