Dev.Enkrio Identity.
Dit is mijn eigen merkidentiteit, opgezet als een echt systeem. Elke kleur, letter en textuur op deze pagina komt uit dat systeem, tot en met het visitekaartje dat het naar print brengt.
Eén consistente look, van een gedrukt kaartje tot de CSS die deze pagina rendert.
Een dubbelzijdig kaartje, live gebouwd in React met hetzelfde hex-patroon, grain en subtiele 3D-tilt als de gedrukte versie. Beweeg je cursor erover.
Dev.Enkrio
dev.enkrio · visitekaartje v4, voor & achter
Een contrastrijk, functioneel palet. De stalen hieronder gebruiken exact de kleurtokens waarmee deze site is gebouwd.
Cream / Bone
--background
hsl(40 30% 94%)
Off-Black / Charcoal
--foreground
hsl(24 14% 9%)
Kinetic Lime
--accent
hsl(72 90% 58%)
Desert Sand
--secondary
hsl(38 22% 89%)
Stone
--muted
hsl(36 16% 86%)
Drie lettertypes: een zachte serif voor koppen, een strakke sans voor bodytekst, en een mono voor labels en data.
Display
Fraunces
Soft serif · headlines & emphasis
Fraunces
Pa's wijze lynx bezag vroom het fikse aquaduct · 0123456789
Body
Inter
Modern sans · readability
Inter
Pa's wijze lynx bezag vroom het fikse aquaduct · 0123456789
Mono
JetBrains Mono
Indexing, labels & data
JetBrains Mono
Pa's wijze lynx bezag vroom het fikse aquaduct · 0123456789
Eén merkteken, opgebouwd uit een paar strakke lijnen. Het werkt op licht en donker, en tekent zichzelf in.
Op licht
Op donker
Functioneel en een beetje rauw, met zorg afgewerkt.
Grainy texturen
Een beetje textuur over vlakke digitale oppervlakken.
Mono-spaced labels
Voor metadata en indexering, zoals 00, STATUS, ROLE.
Italic serif-accenten
Een zachtere, menselijke toets in een verder technische layout.
Geïmpliceerde grids
Structuur die je voelt, zoals het hex-patroon op het kaartje.
Geen mockups. Deze site draait erop.
Bezoek de live site