Colores
Paleta oficial de PRO Universitas — navy, amarillo y celeste, más materias, feedback y neutrales. Click en cualquier muestra para copiar el hex.
La marca se construye sobre tres colores: navy, amarillo y celeste. El resto (materias, feedback, neutrales) son de apoyo. Haz click en cualquier muestra para copiar su hex.
Marca
Los tres colores centrales. El navy es el primario; el amarillo, el highlight; el celeste, el éxito.
Sitio principal (superficies)
Los tonos con que está construido prouniversitas.cl: navy profundo de fondo, crema y brumas para secciones claras. Nombres según su código (brand-*).
Materias PAES
Cada asignatura tiene su color. Úsalo en cards de materia, gráficos y filtros.
Feedback
Estados del sistema. El éxito usa celeste (no navy) por semántica y contraste.
Neutrales
Texto con tinte navy y superficies. Nunca gris puro.
Reglas de contraste (críticas)
#FFF100 siempre lleva texto navy (#002B50). Es la firma de la marca (la pastilla “PRO”).Colores por materia
Cada asignatura PAES tiene un color fijo. Úsalo en cards de materia, gráficos, filtros y en el generador de piezas.
| Materia | Color | Hex |
|---|---|---|
| Matemáticas | Navy | #003C72 |
| Lenguaje | Morado | #7B4FE8 |
| Ciencias | Celeste | #02B0BB |
| Historia | Ámbar | #D4A017 |
Los valores viven en
tokens/tokens.jsony se consumen como variables. Ver Design tokens.
El sitio principal
El look & feel de prouniversitas.cl — la expresión principal de la marca: hero cinematográfico, navy profundo, kickers amarillos, marquee, secciones y fotografía.
Tipografía
El sitio principal usa Poppins (títulos) + Inter (cuerpo). Nunito es exclusiva del universo app. Escalas, pesos y reglas.