Disegnato a mano / Indie — Abbozzato e amichevole — bordi grezzi inchiostrati a mano, angoli storti, ombre sfalsate morbide, un rimbalzo giocoso.
Motir — Essenziale ed editoriale — superfici in scala di grigi fredde + inchiostro, una CTA inchiostro, un accento blu freddo misurato e qualche tocco caldo.
Grotesk — Neo-grotesk geometrico in tutta l’interfaccia — compatto, sicuro, da prodotto.
Scegli un look. Cambia l’intero sito.
Questo è il design system con cui parte ogni progetto Motir. Sta qui e non in una guida di stile perché il modo più rapido per mostrarti come potrebbe apparire il tuo prodotto è lasciarti ridisegnare il nostro.
Ancora niente qui
EmptyState: la primitiva effettivamente rilasciata.
Qualcosa si è rotto
ErrorState: la primitiva effettivamente rilasciata.
@motir/design-system
Colour · Style · Type — the extracted 3-axis system, rendered in isolation.
I tre assi qui sono gli stessi tre che il tuo progetto sceglie quando lo avvii in Motir, con lo stesso design system alla base. Questo sito non te ne mostra una demo: è costruito con esso.