Dibujado a mano / Indie — Esbozado y amable — bordes ásperos entintados a mano, esquinas torcidas, sombras suaves desplazadas, un rebote juguetón.
Motir — Sobrio y editorial — superficies en escala de grises fríos + tinta, un CTA en tinta, un acento azul frío contenido y algunos toques cálidos.
Grotesk — Neogrotesca geométrica en toda la interfaz — compacta, segura, de producto.
Elige un aspecto. Todo el sitio cambia.
Este es el sistema de diseño con el que empieza cada proyecto de Motir. Está aquí y no en una guía de estilo porque la forma más rápida de mostrarte cómo podría verse tu producto es dejarte cambiar el estilo del nuestro.
Todavía no hay nada aquí
EmptyState: el componente real del producto.
Algo se rompió
ErrorState: el componente real del producto.
@motir/design-system
Colour · Style · Type — the extracted 3-axis system, rendered in isolation.
Los tres ejes de aquí son los mismos tres que tu proyecto elige cuando lo empiezas en Motir, con el mismo sistema de diseño debajo. Este sitio no te muestra una demo de él: está hecho con él.