Ontwerpsysteem
De bouwstenen van Vosna
Alle onderdelen komen uit één ontwerpsysteem: dark tech-premium, met Space Grotesk voor de koppen en Inter voor de rest. Zo ziet elke pagina er hetzelfde uit.
01
Typografie
Space Grotesk voor de koppen, Inter voor alle functionele tekst.
Digitaal uit handen genomen
Iets werkends, snel
Zo werken we
Een kleine kop
Een website, een tool of een heel systeem.
Gewoon Nederlands, korte zinnen, niets ingewikkelds.
Helper-tekst en kleine details.
Bijschrift of metadata.
02
Knoppen
Alles is een pill. Gevuld voor de hoofdactie, met rand voor de tweede, licht inverted voor extra nadruk.
03
Labels en badges
De eyebrow zet de toon boven een kop. Badges tonen status of categorie.
Digitaal partner voor ondernemers
De eyebrow boven een kop.
04
Kaarten
Grote blokken scheiden we met elevatie of een licht inverted vlak, rustig en met klasse.
Verhoogd donker vlak met lichte tekst.
Licht inverted vlak met donkere tekst.
Hogere elevatie boven de canvas.
Voorbeeld
Een verhoogde kaart op donker
Elevatie en een haarlijn scheiden de blokken. Zo blijft het rustig, ook zonder veel kleur.
05
Kleuren
Donkere neutralen als basis, met diep emerald en warm goud als accent.
canvas
#060607
surface
#101013
surface-hi
#17171b
line
#222226
emerald-tint
#15112a
emerald-deep
#0e6b4d
emerald
#7c5cff
emerald-bright
#9d85ff
gold
#d9b36a
gold-deep
#c6a15b
ink-soft
#9ba7a0
ink
#f4f5f2
06
Organisme
De levende weergave van alle onderdelen, zoals in de admin en het klantportaal. Dit is voorbeelddata.
Klanten2
accounts
Projecten3
in beheer
Berichten1
nieuw
Facturen2
open
Documenten4
gedeeld
Contracten1
actief
Agents
team
conceptVoorbeeldklant A
Voorbeeldklant B
Vosna
kern