Design system · v1

Stijlgids Identix.org

Papier-witte vlakken op lichtblauwgrijze grond, drie Rijkshuisstijl-blauwen, Source Sans 3 voor proza en Source Code Pro voor alles wat een machine leest. Hoeken van 2–4 px, hiërarchie uit hairlines en hoofdletters in plaats van schaduw — en elke pagina opent met de brandband: de drie blauwen van de wolk als één doorlopende gradient in een rand van 4 px.

Begin bij kleur styles.css — bron van waarheid

Foundations

Het merk

Beeldmerk, lockup, woordbeeld, resoluties, vrije ruimte en minimumformaat.

huisstijl Brand

Merkelementen, brandband en raster als signatuur van het platform.

foundation Kleur

Donkerblauw, hemelblauw, lichtblauw; neutrale ramps; vaste method-kleuren.

foundation Typografie

Source Sans 3 voor mensen, Source Code Pro voor machines; tabulaire cijfers.

foundation Layout & dichtheid

8 px-raster, drie shells: gecentreerd, console en referentie.

foundation Iconen

Phosphor, 1,5 px streek, 20 px raster.

foundation

Componenten

Buttons

Gevulde donkerblauwe primary — één per scherm — plus secondary, ghost, danger.

component Forms

Label boven het veld, hint eronder, fout op een dikke linkerrand.

component Data & tabellen

Tabulaire cijfers, hoofdletters in koppen, quota-meters, KPI-stats.

component API-primitieven

Method-badges, endpoint-rijen, request-samples, sleutelvelden.

component Navigatie

Topbar, sidenav, tabs, breadcrumb, paginering.

component Status & feedback

Alerts, uptime-strips, lege toestanden, bevestigingsdialoog.

component

De regels in het kort

Regel	Betekenis
één primary	Eén gevulde donkerblauwe knop per scherm; de rest is secondary of ghost.
lichtblauw ≠ tekst	Lichtblauw is vulsel, lijn of chartband — nooit tekstkleur op wit.
method blijft method	HTTP-method-badgekleuren zijn semantisch en worden nooit per scherm omgekleurd.
hairline > schaduw	Hiërarchie komt uit 1 px-lijnen; schaduw alleen voor zwevende elementen.
max 4 px	Hoeken zijn 2–4 px. Institutioneel, niet afgerond.
machine = mono	Alles wat gekopieerd kan worden in een request staat in Source Code Pro.
Nederlands + Engels	Scherm en uitleg in het Nederlands; API-vlakken (paths, velden, codes) blijven Engels en mono.

Volledige tekst: readme.md uit het design system. Templates (portaal, console, referentie, status, beheer, onboarding, homepage) zijn startpunten en maken geen onderdeel uit van deze online stijlgids.