Duidelijk voorop
Eerst de boodschap. Daarna het effect. Elke sectie moet in één oogopslag iets zeggen.
LNGZL. design system · v1.0
Geen brand book dat in een map verdwijnt. Dit is de levende gereedschapskist van LNGZL: hoe we kiezen, typen, kleuren en bewegen.
Het gevoel
Eerst de boodschap. Daarna het effect. Elke sectie moet in één oogopslag iets zeggen.
Een lichte draai, offset of schaduw geeft spanning — nooit zoveel dat het lezen moeilijk wordt.
Acid óf blauw neemt de leiding. Coral is een cameo, geen tweede hoofdpersoon.
Inkomen, wijzen, bevestigen. Motion ondersteunt hiërarchie en blijft rustig voor reduced motion.
Kleur
Iedere kleur heeft een taak. Ink en paper dragen de inhoud; acid en blauw maken duidelijk waar de energie zit.
--ink
De basis. Tekst, lijnen, donkere vlakken en contrast.--paper
Onze rustige ondergrond. Laat het werk ademen.--acid
Energie en focus. Voor beslissingen, accenten en ja-momenten.--blue
Signaal en richting. Voor links, status en kleine verrassingen.--coral
Sporadisch contrast. Alleen als een compositie extra warmte vraagt.Typografie
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 digitaalInstrument Serif · 400 italic
Maar welDM Mono · 400–500
01 / small signalsEyebrows, metadata, tellingen en technische details. Klein, functioneel, nooit schreeuwerig.Compositie & motion
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.
translateY · 1.4rem
0.75sDe korte versie