Grond
--kleur-grondCode Evo · ontwerpsysteem
Eén systeem, twee heldere kanten.
Dezelfde rollen, maten en componenten werken in donker en licht. Schakel hierboven om elk onderdeel direct te vergelijken.
Alle kleurrollen
Een palet met een taak
Vlak 1
--kleur-vlak-1Vlak 2
--kleur-vlak-2Vlak 3
--kleur-vlak-3Inkt
--kleur-inktGedempt
--kleur-inkt-gedemptAccent
--kleur-accentAccentinkt
--kleur-accent-inktAccenttekst
--kleur-accent-tekstRand
--kleur-randSterke rand
--kleur-rand-sterkFocus
--kleur-focusMerk Navy
--merk-navyMerkcyaan
--merk-cyaanTwee letterfamilies · acht maten
Typografische schaal
Space Grotesk · display
xs · Ontwerp dat werkt.
s · Ontwerp dat werkt.
m · Ontwerp dat werkt.
l · Ontwerp dat werkt.
xl · Ontwerp dat werkt.
2xl · Ontwerp dat werkt.
3xl · Ontwerp dat werkt.
4xl · Ontwerp dat werkt.
Manrope · tekst
xs · Rust, ritme en richting.
s · Rust, ritme en richting.
m · Rust, ritme en richting.
l · Rust, ritme en richting.
xl · Rust, ritme en richting.
2xl · Rust, ritme en richting.
3xl · Rust, ritme en richting.
4xl · Rust, ritme en richting.
Bediening
Knoppen per ondergrond
Glas als versiering
Stevige ondergrond
01
Leesbaar zonder effect
Elk glasvlak heeft een dekkend valvlak. Vervaging geeft diepte, maar draagt geen informatie.
Bekijk het formulier02
Beweging blijft bijzaak
Licht mag reageren. Tekst, volgorde en bediening blijven volledig stil en bruikbaar.
Bekijk de rollenFormulier op donker
Vertel waar je aan werkt.
De browserbediening volgt het donkere vlak via color-scheme, ook wanneer de rest van de pagina licht is.
Alles in samenhang
Van token naar ervaring.
Een klein stel vaste rollen geeft elk digitaal moment dezelfde rustige basis.