¿Qué es esta documentación?
Es la referencia técnica y visual del sistema de diseño Deiman. Centraliza componentes, tokens del tema tweakcn, tipografía, sombras, espaciado y patrones de UI reutilizables en la plataforma de colorantes, vainillas y semipreparados.
Stack tecnológico
| Capa | Tecnología | Descripción |
|---|---|---|
| Framework | TanStack Start v1 | SSR con file-based routing y server functions. |
| Frontend | React 19 + TypeScript | Componentes tipados sobre Vite 7. |
| Estilos | Tailwind CSS v4 | Tokens definidos en src/styles.css con @theme inline. |
| Componentes | shadcn/ui + Radix | Componentes accesibles personalizados con tokens. |
| Animaciones | GSAP + ScrollTrigger | Hero parallax, fades y micro-interacciones. |
| Iconografía | Lucide React | Set de iconos consistente en toda la plataforma. |
| Tema | tweakcn — UI final | Paleta cálida con primary coral, aplicada vía .tweakcn-theme. |
Secciones de la documentación
- Sistema de Diseño — Composición de pantallas y secciones.
- Componentes — Catálogo shadcn personalizado para Deiman.
- UI Kit — Colores, tipografía y espaciado del tema tweakcn.
- FAQ y Soporte — Preguntas frecuentes del equipo.