Detos UI

Sistema de diseño de Detos basado en Untitled UI: componentes reutilizables, accesibles (WCAG AA) y con modo claro y oscuro. Elige una sección en el menú para ver ejemplos, propiedades y notas de accesibilidad.

Fundamentos

Colores, tipografía, espaciado, radios, sombras e iconos: los tokens que comparten todos los componentes.

Átomos

Piezas mínimas: Button, Badge, Avatar, Input, Checkbox, Toggle y demás.

Moléculas

Combinaciones de átomos: Dropdown, Section Header, Metric Card, Tabs.

Organismos

Bloques completos de interfaz: Data Table, Chart, Modales y layouts.