projectious·workThe foundations applied to screens — components, code surfaces, appearances, 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”.
The component set as live specimens — buttons, inputs, cards, tables, navigation, feedback, overlays, and data display.
How the components combine into whole screens — the page shell, the KPI row, and the primary/secondary split.
Light, navy dark, and deep dark from one semantic token contract.
The default dark code surface, optional light-panel companion, and measured syntax roles.
Tabler outline icons on a 24 px grid, with one stroke system and semantic colour.
Input sizing, labels, focus, error, and disabled states.
Empty, loading, and error states — the screens a component set never shows you.
Keyboard order, skip links, focus management across composed layouts, and the ARIA the component set requires.