TemporaX Enterprise Design System
Language & UX Framework
Nuestra guía de diseño unificada que gobierna el desarrollo de interfaces consistentes, accesibles y premium a través de todo nuestro ecosistema de herramientas SaaS.
1. Design Tokens (Fundamentos)
Color Palette
Primary#FF4B8B
Teal Glow#14BBA6
Accent Indigo#6366F1
Surface#0C0712
Typography Scale
Display Headline24px - Bold - Black
Section Title Label12px - Bold
Lorem ipsum dolor sit amet, text body.10px - Regular - Light
Border Radius Scale
md (6px)
xl (12px)
2xl (16px)
3xl (24px)
Spacing Intervals
4px (xxs)
8px (xs)
12px (sm)
16px (md)
24px (lg)
2. Componentes Base Showcase
Interactive Buttons
Status Badges & Tags
Usados en el buscador y listados de festividades.
Público / OficialDía BancarioDía EscolarObservancia
* Contienen contraste y cumplimiento WCAG AA.
Skeleton Loaders (UI Feedback)
Implementación de cargas fluidas para no perder CTR.
3. Storybook Interactive Sandbox
Propiedades (Controls)
Cargando (Loading State)
Renderizado en Vivo
Fragmento de Código (Generated TSX)
<button className="rounded-xl font-bold transition duration-200 flex items-center justify-center gap-2 cursor-pointer select-none bg-[#ff4b8b] hover:bg-[#ff4b8b]/90 text-white shadow-lg shadow-[#ff4b8b]/20 px-4 py-2.5 text-xs"> <span>Confirmar Acción</span> </button>
4. Componentes Especiales (SEO & SERP Preview)
Google SERP Preview (SEO Component)
https://temporax.com› fr › paises › colombia
Calendario de Festivos de Colombia 2026 - TemporaX
Consulta la lista oficial de días festivos, puentes y fines de semana largos en Colombia para el año 2026. Organiza tu descanso con nuestro planificador.
* Este componente simula la visualización real del snippet de búsqueda en Google de manera dinámica para facilitar la optimización de títulos/metadescripciones a los editores de contenido.
Source Trust & Confidence (AI Component)
Utilizado para certificar la veracidad de los festivos ingestados.
Diario Oficial de la NaciónFuente Oficial
Puntuación de Confianza:99.8%
* Componente que expone el nivel de confianza de ingesta del ETL Pipeline, aportando credibilidad (E-E-A-T) ante buscadores.