NOORD.
Brand, design system and homepage for sealed, on-premise AI inference appliances built for European industrial sites.
- Client
- NOORD (concept)
- Year
- 2026
- Role
- Brand, design system, front-end
- Scope
- Marketing homepage
- Stack
- Figma · React · TypeScript · Tailwind CSS
01 / The problem
Some data cannot leave the building. The site had to say that without sounding like a sales deck.
NOORD sells sovereign compute to ports, factories, substations and hospitals: places where operational data legally or practically has to stay on site. The buyers are plant IT leads, OT engineers and compliance officers, and they distrust adjectives.
So the brief asked for a brand that earns trust through specificity: real units, ranges kept as ranges, and copy that admits what the product does not do.
02 / The system
Six colours, no shadows, hairlines everywhere.
A dark-first system with one instrumentation orange, rationed to the primary button, one active state and one link. Depth is drawn with hairlines and corner brackets instead of blurred. Labels and figures run in a mono face with tabular numbers, so every spec lines up.
Colour
- Base#0B0D0E
- Surface#16191B
- Hairline#2A2F33
- Steel#7C8A91
- Paper#EDEDEA
- Signal#FF4D14
Type
- Display
- Archivo
- Body
- Inter
- Figures
- JetBrains Mono
Corners
0–2 px
03 / The build
The spec table filters, and the hairlines redraw.
The signature interaction is a spec table that filters by deployment type: rows swap and the rules redraw in 180 ms on one mechanical easing curve. Built as typed React components on the same tokens the Figma file uses.
04 / Screens
Homepage sections, desktop and phone.
05 / The result
What we would measure.
NOORD is a concept project, so there are no client results. These are the numbers the site was designed to move.
- 01
Assessment requests
Site-assessment requests per month from the homepage.
- 02
Spec-table use
Share of visitors who filter the spec table before they contact sales.
- 03
Qualified leads
Share of requests that come from the target sectors, not curiosity.
Free · 30 minutes