Volver a proyectos
UI/UX
ORBIT-UI
Design system CSS-first construido con Astro y Tailwind CSS v4
AstroTailwind CSS v4TypeScript
Qué resuelve
- Consistencia visual y tokens compartidos entre proyectos técnicos.
- Minimizar la lógica JS en componentes básicos para mejorar rendimiento y mantenibilidad.
- Proveer una base clara de contratos visuales (tokens y componentes) sin pretender ser un kit completo.
Características clave
- Tokens semánticos y utilidades Tailwind adaptadas.
- Componentes reutilizables con enfoque CSS‑first (estilos y accesibilidad).
- Documentación y ejemplos Live en sitio (Storybook/Docs‑like).
- Estados explícitos por componente (valid/invalid).
- Componentes: Card, Button, NavLink, Alert, Badge.
- Soporte dark mode via prefers-color-scheme.
- Generación de sitio estático (100% estático, cero JS runtime).
Decisión técnica
- Priorizar simplicidad: CSS y tokens antes que heavy JS frameworks.
- Favorecer interoperabilidad y contratos claros entre frontend y diseño.
- No es un UI kit ni framework: se enfoca en tokens y contratos.