LNGZL. design system · v1.0

Het systeem
achter de smoel.

Geen brand book dat in een map verdwijnt. Dit is de levende gereedschapskist van LNGZL: hoe we kiezen, typen, kleuren en bewegen.

lngzl.custom built · clearly felt

Het gevoel

Speels genoeg
om te blijven hangen.

01

Duidelijk voorop

Eerst de boodschap. Daarna het effect. Elke sectie moet in één oogopslag iets zeggen.

02

Net niet netjes

Een lichte draai, offset of schaduw geeft spanning — nooit zoveel dat het lezen moeilijk wordt.

03

Één signaal tegelijk

Acid óf blauw neemt de leiding. Coral is een cameo, geen tweede hoofdpersoon.

04

Beweging met reden

Inkomen, wijzen, bevestigen. Motion ondersteunt hiërarchie en blijft rustig voor reduced motion.

Kleur

Contrast met
een punt.

Iedere kleur heeft een taak. Ink en paper dragen de inhoud; acid en blauw maken duidelijk waar de energie zit.

#1E240A

Ink

--ink

De basis. Tekst, lijnen, donkere vlakken en contrast.
#F7F6F1

Paper

--paper

Onze rustige ondergrond. Laat het werk ademen.
#D8FF7D

Acid

--acid

Energie en focus. Voor beslissingen, accenten en ja-momenten.
#5F78F6

Signal blue

--blue

Signaal en richting. Voor links, status en kleine verrassingen.
#FF805D

Coral

--coral

Sporadisch contrast. Alleen als een compositie extra warmte vraagt.

Typografie

Strak zegt het.
Schrift voelt het.

DM Sans draagt de boodschap. Instrument Serif breekt de regel op precies het juiste moment. DM Mono is de technische stem voor labels, nummers en kleine context.

DM Sans · 400–700

Alles wat digitaal
moet werken.
Interface, koppen, bodytekst en knoppen. Stevig, helder, zonder opsmuk.

Instrument Serif · 400 italic

Maar wel
met gevoel.
Gebruik voor één menselijke draai in een kop — niet voor complete alinea’s.

DM Mono · 400–500

01 / small signalsEyebrows, metadata, tellingen en technische details. Klein, functioneel, nooit schreeuwerig.

Compositie & motion

Ruimte is ook
een statement.

Grote marges geven tekst autoriteit. Kaarten mogen een beetje uit de maat staan. De animatie komt pas ná de inhoud binnen — van beneden, met een zachte ease, en nooit tegelijk met de volgende gedachte.

Reveal

translateY · 1.4rem

0.75s
✦

De korte versie

Maak het helder.
Maak het eigen.

Laat iets maken ↗
App ons ↗