Proxima is the design system behind my homelab console.
It is dark first, built on tinted neutrals with one accent colour, and every page here runs on the same css/proxima.css and js/proxima.js. Fonts are served from fonts/, so nothing loads from anywhere else.
The seven pages below are one product seen from seven angles: watching four machines and the services running on them. Use the panel in the bottom right to switch theme, background and accent. Your choice follows you across every page.
The main page. Four numbers, a request chart, every service on one line each, and the hosts as a board you can read from across the room.
02Write a rule on the left, watch the alert and its backtest redraw on the right. Change the threshold and the match count moves with it.
03The tokens, the six rules, and every component shown working. Includes the colour audit and the three layout grids.
04How the tool gets explained to someone else. Dark throughout, with one light section in the middle to break the scroll.
05Long form reading. Drop cap, pull quote, code blocks and an inline chart, set at a comfortable measure.
06Every form control in one place, with a save bar that counts what you changed and an anchor list down the right margin.
07The system at its smallest. One glass card floating over the background.
DESIGN-SYSTEM.md is the full spec: tokens, rules
and what each component is for. PROXIMA.md is the
portable version: copy it and css/proxima.css
into any repo and you have everything needed to bring that project into this system.