Dessiné à la main / Indé — Esquissé et convivial — contours rugueux tracés à l'encre, coins de travers, ombres décalées douces, un rebond espiègle.
Motir — Épuré et éditorial — surfaces en niveaux de gris froids + encre, un CTA encre, un accent bleu froid sobre et quelques touches chaudes.
Grotesk — Néo-grotesque géométrique dans toute l'interface — serrée, assurée, orientée produit.
Choisissez un look. Tout le site change.
Voici le design system avec lequel démarre chaque projet Motir. Il est ici plutôt que dans un guide de style, parce que le moyen le plus rapide de montrer à quoi votre produit pourrait ressembler, c’est de vous laisser restyler le nôtre.
Rien ici pour l’instant
EmptyState — le composant livré.
Quelque chose a planté
ErrorState — le composant livré.
@motir/design-system
Colour · Style · Type — the extracted 3-axis system, rendered in isolation.
Les trois axes présentés ici sont les trois mêmes que votre projet choisit lorsque vous en démarrez un dans Motir, sur le même design system. Ce site ne vous en montre pas une démo : il est construit avec.