Sistema vigente
El sistema de diseño vive y cambia con la Intranet. Esta sección define quién actualiza qué y cómo se mantiene la documentación al día.
Versión 3.2 · Actualizado el 20 de octubre de 2026 · Jorge Barahona · Asimov Consultores.
Qué se actualiza automáticamente
- Los ejemplos de componentes reales se actualizan al redeployar, porque este sitio los importa desde su código fuente local.
- Los tokens reflejan los valores de
src/styles.css, sincronizados consrc/index.cssde la Intranet.
Qué se actualiza manualmente
- Textos explicativos, tablas de uso y reglas de restricciones.
- Ejemplos de código, decisiones de diseño y el capítulo de Ellucian.
- Historial de versiones y checklist de cambios.
Checklist de cambio
| Cuando cambias… | Revisa… |
|---|---|
| Un token de color o tipografía | Fundamentos y los ejemplos visuales. |
| Un componente | Su ficha, los estados y las reglas de uso. |
| Una restricción de Ellucian | La página Ellucian Experience y sus decisiones dependientes. |
| Un principio o regla | Principios, objetivos y gobernanza. |
Procedimiento mínimo de cambio
Proponer → registrar en el historial → actualizar la sección correspondiente → publicar. Si un cambio rompe una regla ya documentada, se actualiza la regla antes de mergear el cambio.
Registro de decisiones
Las decisiones que dan forma al sistema, con su motivo. Antes de cambiar algo de esta lista, se revisa su motivo y se registra la nueva decisión.
| N.º | Decisión | Motivo | Origen | Fecha |
|---|---|---|---|---|
| 1 | El color no diferencia facultades. | Banner no entrega el dato de facultad y los colores por facultad confundían. | Comité UAI | 2026 |
| 2 | La barra de título de la tarjeta es la nativa de Ellucian y no se modifica. | Restricción de la plataforma. El cuerpo, los botones, las pestañas, los enlaces y la iconografía sí se personalizan (confirmado por el partner de Ellucian). | Ellucian / TI | 2026 |
| 3 | Roboto es la tipografía web. | El Manual de Marca la define para web; Made Tommy y The Sans son de uso impreso. | Manual de Marca UAI | 2026 |
| 4 | El celeste se usa solo para acciones e interacción. | Que el color indique que algo se puede usar. | Jorge Barahona | 2026 |
| 5 | Tarjetas cuadradas, cuatro por fila en Nivel 1 y 2; el Nivel 3 es de formato libre. | Filas parejas y coherencia con Experience. | Jorge Barahona | 2026 |
| 6 | Máximo 6 botones y 5 filas más «Ver todos» por tarjeta. | Ellucian no fija una altura: así las tarjetas de una misma fila miden lo mismo. | Jorge Barahona | oct 2026 |
| 7 | Un solo botón de acción con tres jerarquías; se retiran los botones negros. | Homologación de componentes. | Jorge Barahona | oct 2026 |
| 8 | Una sola tabla, un solo buscador, pestañas en dos variantes y un solo sistema de avisos. | Homologación de componentes. | Jorge Barahona | oct 2026 |
| 9 | El texto blanco nunca va sobre celeste: se usa #385F82. | Contraste AA: 3,29:1 frente a 6,71:1. | Jorge Barahona | oct 2026 |
| 10 | Las salidas a sistemas externos no tienen pantalla intermedia y muestran un aviso. | No replicar Banner ni el LMS; el usuario sabe que sale de la Intranet. | Jorge Barahona | 2026 |
| 11 | Las fotografías las entrega la UAI y Asimov las adapta; las medidas son las de Ellucian. | El Manual de Marca no tiene especificaciones para lo digital. | Jorge Barahona | oct 2026 |
| 12 | Una paleta de 15 colores; todos los tokens apuntan a ella. | Había 49 tokens para unos 14 colores, con nombres repetidos y valores casi iguales por conversión de formato. | Jorge Barahona | oct 2026 |
| 13 | Un rol, un nombre: se usan los nombres semánticos de Tailwind; los de marca quedan solo para roles sin equivalente. | Había tokens con el mismo valor y distinto nombre, y dos nombres para el mismo rol. | Jorge Barahona | oct 2026 |
| 14 | Urgencias usa el rojo de la paleta (#B62020). | #FB000F estaba fuera de la paleta; #B62020 tiene contraste 6,5:1 con texto blanco. | Jorge Barahona | oct 2026 |
| 15 | Tres transparencias: texto y línea sobre fondo oscuro, línea sobre fondo claro. | Había seis tokens y unas quince variantes escritas a mano con diferencias imperceptibles. | Jorge Barahona | oct 2026 |
Entrega del código
El código de la Intranet se entrega en un repositorio de entrega versionado. Cada entrega es una versión completa y probada (compila y pasa sus pruebas), identificada como vX.Y. Este sitio documenta la versión vigente.
Repositorio de entrega (acceso restringido)Historial de cambios
| Versión | Fecha | Cambios |
|---|---|---|
| 3.2 | 20 oct 2026 | Racionalización de tokens: paleta de 15 colores, un nombre por rol (nombres semánticos de Tailwind), tres transparencias, rojo de Urgencias dentro de la paleta y velo del encabezado al 28 %. |
| 3.1 | 15 oct 2026 | Paleta de 16 colores: todos los tokens de color apuntan a ella. Correcciones exactas de --accent y --ring (#6493B5) y de --border e --input (#C7C2BA). |
| 3.0 | 14 oct 2026 | Sitio rediseñado como herramienta de consulta para TI: portada y una página por sección; 21 fichas de componentes con ejemplo en vivo, código y props; Tarjetas con sus siete derivadas; Patrones de Nivel 3; Recursos (fotografía, logotipo, iconografía); contraste AA corregido y registro de decisiones. |