01
Stap-kaart
Genummerde kaart voor de werkwijze in acht stappen.
- Home
- Digital brand book
Varzi Home Architect
Digital brand book
Het design-systeem achter deze website — kleur, typografie en componenten in één overzicht.
Design system · "Petrol Atelier"
Kleur
Het palet is gebaseerd op de huisstijl van Varzi Home Architect: diep petrol als kernkleur, goud als accent en warm papier als documentvlak.
Petrol 500#062e3c
Petrol 700#084053
Goud 400#d9b844
Papier#f6f2ea
Ink 900#0b1b23
Mist#ece5d8
Typografie
Marcellus & Source Sans Pro
Marcellus (Trajan-geïnspireerd) voert het woord voor koppen en cijfers; Source Sans Pro doet het lopende werk.
Display 1 · MarcellusAa Wereldse ervaring
Heading 2 · MarcellusVoor binnen & buiten
Lede · Source Sans 400Oog voor detail — in elk ontwerp, van schets tot oplevering.
Body · Source Sans 400Stijl komt en gaat, goed ontwerp is een taal, geen stijl.
Dark mode
Donker palet
Elke pagina is ook in een donkere modus te bekijken. Het palet keert rond de diepe petrol-tinten; goud blijft het accent. De voorkeur wordt onthouden in de browser.
Schakel via de maan/zon-knop in de header — zonder keuze volgt de site automatisch de systeemvoorkeur.
Papier donker#0a1a23
Mist donker#0d2230
Petrol deep#041219
Link steel#9fc4d2
Goud#d9b844
Tekst licht#b6c5cc
Componenten
Knoppen, kaarten & stappen
19jaar internationaal
In & outarchitectuur
Stijl komt en gaat, goed ontwerp is een taal, geen stijl.
Tegeltje-component · Delfts blauw