Design guide / 01
Quiet surfaces.
Clear intent.
A generic Nord system for useful software. Strong headlines, decisive rules, slate framing and colour that earns its place.
Download the shared CSS tokens01 / Colour
A palette with purpose.
Polar Night
The frame. Slate navigation, headings and dark working surfaces.
#2e3440
#3b4252
#434c5e
#4c566a
Snow Storm
The paper. Light canvases, quiet layers and clear dark-theme text.
#d8dee9
#e5e9f0
#eceff4
Frost
The detail. Information, focus and progress.
#8fbcbb
#88c0d0
#81a1c1
#5e81ac
Aurora
The signal. Red actions, amber attention, green completion and lilac charts.
#bf616a
#d08770
#ebcb8b
#a3be8c
#b48ead
Pastels are swatches, not a promise of readable text. The semantic tokens adjust their shade for contrast. Button labels, fields and status text use those tokens.
02 / Working surfaces
Light and dark. One language.
01 / Snow Storm
Make room for the work.
A clear next step. The detail when you need it.
Connection ready
Waiting for your approval
The detail
Keep supporting information in the flow, behind a clear label.
02 / Polar Night
Make room for the work.
A clear next step. The detail when you need it.
Connection ready
Waiting for your approval
The detail
Keep supporting information in the flow, behind a clear label.
Type does the work
Helvetica for people. Monospace for short labels and data. Large public headlines; compact working titles and comfortable paragraphs.
Plain sections
Headings sit on the canvas. Thin separators and divided rows group the work. Quiet navigation controls stay inside the rail, with no floating white toggle.
One useful next step
One main action and one clear space selector. Sending shows your message immediately. On phones, one compact header leaves room for the keyboard and your work.