Elke systeemkeuze heeft een reden. Lees dit als iets willekeurig voelt, dat is het niet.
Het officiële blauw van de Nederlandse vlag, zwaarder dan legacy SaaS-blauwen, lichter dan bank-navy. Het zegt betrouwbaar en Nederlands zonder nostalgisch of overheid-grijs te worden. Vult 20% van elk oppervlak, de proportie is de regel, niet alleen de hex.
Het oranje van het Nederlands voetbalelftal, warm, direct herkenbaar als Nederlands, maar geen Rijkshuisstijl-oranje (dat zou ons naar overheid-document-territorium trekken). Begrensd op ~8% van elk oppervlak. Nooit als primaire vulling, nooit als knop-achtergrond.
Het rood van de Nederlandse vlag. Zeldzaam, voor status (errors, deletions, verbannen-woord-callouts) en voor het zeldzame moment dat we vlag-energie willen oproepen zonder op oranje te leunen. Begrensd op ~2% van elk oppervlak.
Nextcloud's officiële blauw. Een gastkleur in ons systeem, alleen gebruikt waar de context ConNext-specifiek is: de "Next" in de wordmark, de workspace-hex op platform-diagrammen, brand-citaten in copy. Nooit op functioneel "next" (volgende pagina, volgend jaar).
Kobalt zit bewust tussen overheid-blauw (te donker, te institutioneel) en corporate-blauw (te generiek, te SaaS). Zwaarder dan commerciële blauwen, lichter dan nationaal-overheid-blauwen, de plek voor een Nederlands open-source-productbedrijf.
Ronde terminals, neutraal karakter, brede gewichtenreeks. Leest kalm, niet corporate-koud. Open Font License (OFL), dus bundlebaar. Werkt van 12px tot display-formaten zonder van karakter te wisselen.
Royale x-height, leesbaar op kleine maten, heeft karakter zonder schattig te worden. Voor codeblokken, eyebrows ("THE PLATFORM OVERVIEW"), code-style metadata en onze cookie-CLI-prompt. OFL-gelicentieerd.
We leveren geen aparte display-font. Figtree op 700 met negatieve letter-spacing handelt elke kop tot 64px af zonder een tweede typeface op te roepen. Minder laden, meer consistentie, minder foundry-licentievragen.
Ligaturen, swashes, alternates, allemaal uit. Waarom? Ze renderen inconsistent over platforms heen (vooral WCAG-screenreaders + oudere PDF's) en trekken het oog op manieren die scanbaarheid schaden. Web-gerenderde Figtree leest altijd als Figtree.
tabular-nums aan voor numerieke tabellen. Verder font-feature-settings: "liga" 0; op de root.Nergens in de brand flat-top-varianten. De pointy-top hex loopt door van app-iconen tot bullets, status-badges, paginatie, overal waar een vorm iets betekent. Functionele containers (knoppen, inputs, cards) blijven rechthoekig. Hexes wijzen aan. Rechthoeken doen.
Een logo-wrapper is pas het begin. De hex verschijnt als bullet op elke lijst, status-indicator naast elke app, avatar-wrapper voor elk teamlid, divider tussen secties, timeline-knoop in stap-diagrammen. Overal waar een vorm iets betekent is de hex die vorm.
Hex-prisms, dezelfde pointy-top hex geëxtrudeerd met een lichte isometrische diepte, vlakke schaduw, geen Pixar-licht. Elke illustratie in het systeem gebruikt deze geometrie, met pastel-categorie-paletten per zijde. Referentie: het platform-overview-diagram van Honeycomb.