Guía de Estilo

Una referencia completa para los componentes y estilos de la interfaz de usuario.

Colores

La paleta de colores define el tono visual de la aplicación.

Primary
Secondary
Accent
Muted
Background
Foreground
Card
Border

Tipografía

La escala tipográfica y los estilos para los encabezados y el texto del cuerpo.

H1 - The quick brown fox jumps over the lazy dog.

H2 - The quick brown fox jumps over the lazy dog.

H3 - The quick brown fox jumps over the lazy dog.

H4 - The quick brown fox jumps over the lazy dog.

Párrafo - The quick brown fox jumps over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.

Texto pequeño / silenciado - The quick brown fox jumps over the lazy dog.

Esto es un enlace

Botones

Varios estilos y tamaños de botones para diferentes acciones.

Formularios

Componentes para recopilar la entrada del usuario.

Tema Claro

Tema Oscuro

Componentes

Bloques de construcción de UI reutilizables.

Tarjeta

Crear proyecto
Implemente su nuevo proyecto en un solo clic.

Contenido de la tarjeta aquí.

Avatar

CN

Insignia

Insignia
Secundaria
Destructiva
Contorno

Acordeón

Diálogo de Alerta

Menú Desplegable

Tabla

FacturaEstadoMétodoMonto
INV001PagadoTarjeta de Crédito$250.00