Universidad Adolfo Ibáñez
Sistema de Diseño
Intranet
Referencia para los equipos de TI: tokens, componentes, tarjetas y patrones de la Intranet sobre Ellucian Experience. El código de cada pieza es el mismo que está en producción.
- Autor
- Jorge Barahona · Asimov Consultores
- Última actualización
- 20 de octubre de 2026
- Versión
- 3.2
Explorar el sistema
Introducción
Qué es, para quién es y cómo usarlo. Principios de diseño.
Fundamentos
Reglas de Ellucian Experience, niveles 1–3, grilla y tokens.
Componentes
Acciones, contenido, datos y contenedores, con props y código.
Tarjetas
La tarjeta base y sus derivadas: lista, botones, CTA, institucional.
Patrones Nivel 3
Pantallas interiores: menú, tabla con filtros, perfil, salidas a Banner.
Accesibilidad y gobernanza
Contraste, foco y teclado. Cómo se propone y aprueba un cambio.
Para TI: por dónde empezar
Tokens
Colores, superficies, tipografía y radios viven como variables CSS en src/index.css.
Componentes
Cada componente está en src/components/wireframe/ y su ficha muestra el mismo código.
Reglas de Ellucian
La barra de título de cada tarjeta es nativa y no se modifica. Nivel 1 y 2: tarjetas cuadradas.
Ver reglas