Handgetekend / Indie — Schetsmatig en vriendelijk — ruwe, met de hand geïnkte randen, scheve hoeken, zachte verschoven schaduwen, een speelse stuiter.
Motir — Strak en redactioneel — koele grijstinten + inkt, een inktkleurige CTA, een ingetogen koelblauw accent en een paar warme toetsen.
Grotesk — Geometrische neogrotesk door de hele UI — strak, zelfverzekerd, productgericht.
Kies een uitstraling. De hele site verandert mee.
Dit is het designsysteem waarmee elk Motir-project begint. Het staat hier en niet in een stijlgids, omdat je het snelst ziet hoe jouw product eruit kan zien door de onze zelf een andere stijl te geven.
Hier is nog niets
EmptyState — het uitgebrachte primitief.
Er ging iets mis
ErrorState — het uitgebrachte primitief.
@motir/design-system
Colour · Style · Type — the extracted 3-axis system, rendered in isolation.
De drie assen hier zijn dezelfde drie die je project kiest wanneer je er een start in Motir — met hetzelfde designsysteem eronder. Deze site laat je geen demo ervan zien; hij is ermee gebouwd.