Desenhado à mão / Indie — Rascunhado e amigável — bordas ásperas feitas a nanquim, cantos tortos, sombras deslocadas suaves, um quique divertido.
Motir — Austera e editorial — superfícies em tons de cinza frios + tinta, um CTA cor de tinta, um destaque azul-frio contido e alguns toques quentes.
Grotesca — Neogrotesca geométrica em toda a interface — compacta, confiante, com cara de produto.
Escolha um visual. O site inteiro muda.
Este é o design system com que todo projeto do Motir começa. Ele está aqui, e não em um guia de estilo, porque a forma mais rápida de mostrar como o seu produto poderia ficar é deixar você mudar o visual do nosso.
Nada aqui ainda
EmptyState — o componente primitivo publicado.
Algo quebrou
ErrorState — o componente primitivo publicado.
@motir/design-system
Colour · Style · Type — the extracted 3-axis system, rendered in isolation.
Os três eixos daqui são os mesmos três que o seu projeto escolhe quando você o inicia no Motir — com o mesmo design system por baixo. Este site não é uma demonstração dele: ele é construído com ele.