NOORD.
Merk, design system en homepage voor afgesloten, on-premise AI-inferentiehardware voor Europese industriële sites.
- Klant
- NOORD (concept)
- Jaar
- 2026
- Rol
- Merk, design system, front-end
- Scope
- Marketinghomepage
- Stack
- Figma · React · TypeScript · Tailwind CSS
01 / Het probleem
Sommige data mag het gebouw niet verlaten. De site moest dat zeggen zonder als een salespitch te klinken.
NOORD levert soevereine rekenkracht aan havens, fabrieken, onderstations en ziekenhuizen: plekken waar operationele data wettelijk of praktisch ter plaatse moet blijven. De kopers zijn IT-verantwoordelijken, OT-ingenieurs en compliance officers, en die wantrouwen bijvoeglijke naamwoorden.
De brief vroeg dus om een merk dat vertrouwen wint met precisie: echte eenheden, bereiken die bereiken blijven, en tekst die toegeeft wat het product niet doet.
02 / Het systeem
Zes kleuren, geen schaduwen, overal haarlijnen.
Een systeem dat donker begint, met één signaaloranje dat enkel dient voor de primaire knop, één actieve staat en één link. Diepte wordt getekend met haarlijnen en hoekhaken, niet vervaagd. Labels en cijfers staan in een monospace met tabulaire cijfers, zodat elke specificatie uitlijnt.
Kleur
- Base#0B0D0E
- Surface#16191B
- Hairline#2A2F33
- Steel#7C8A91
- Paper#EDEDEA
- Signal#FF4D14
Typografie
- Display
- Archivo
- Tekst
- Inter
- Cijfers
- JetBrains Mono
Hoeken
0–2 px
03 / De bouw
De spectabel filtert, en de lijnen tekenen zich opnieuw.
De kenmerkende interactie is een spectabel die filtert op type installatie: rijen wisselen en de lijnen tekenen zich opnieuw in 180 ms, op één mechanische easingcurve. Gebouwd als getypeerde React-componenten op dezelfde tokens als het Figma-bestand.
04 / Schermen
Secties van de homepage, desktop en telefoon.
05 / Het resultaat
Wat we zouden meten.
NOORD is een conceptproject, dus er zijn geen klantresultaten. Dit zijn de cijfers die de site moest bewegen.
- 01
Aanvragen
Aanvragen voor een site-assessment per maand via de homepage.
- 02
Gebruik spectabel
Aandeel bezoekers dat de spectabel filtert voor ze sales contacteren.
- 03
Gekwalificeerde leads
Aandeel aanvragen uit de doelsectoren, niet uit nieuwsgierigheid.
Gratis · 30 minuten