Clara
Reduce decisiones innecesarias y explica lo complejo con lenguaje directo.
Sistema de marca · v1.0
Amigable sin ser infantil.
Institucional sin ser rígida.
Avenia convierte la complejidad de una institución en una experiencia clara, humana y confiable, desde kínder hasta universidad.
01
Idea central
Claridad que conecta.
Humana
Respeta a quien enseña, aprende, administra y acompaña.
Capaz
Se siente sólida para operar procesos serios, datos y decisiones sensibles.
Optimista
Usa el color para señalar progreso y posibilidad, nunca para decorar sin propósito.
02Cuatro partes.
Logotipo
Cuatro partes.
Una comunidad.
El símbolo reúne cuatro perspectivas distintas dentro de una misma estructura. Su ligera inclinación aporta movimiento: Avenia es una institución organizada, nunca inmóvil.
avenia
Uso preferido sobre fondos clarosavenia
Uso sobre Tinta o Azul AulaConserva al menos un módulo libre alrededor
01No alteres el orden de los colores.
02No endereces ni deformes el símbolo.
03No agregues sombras, gradientes o contornos.
03Cuatro señales familiares.
Color
Cuatro señales familiares.
Una jerarquía madura.
El azul organiza la experiencia. Verde, amarillo y rojo tienen significado semántico y aparecen con intención. Nunca compiten los cuatro por atención en una misma pantalla.
Azul Aula
#2457F5Acción, tecnología, confianza
Verde Avance
#1E9B68Progreso, logro, bienestar
Amarillo Idea
#F4C542Atención, aprendizaje, oportunidad
Rojo Pulso
#E55353Prioridad, alerta, energía
Tinta
#151725Texto, contraste, autoridad
Nube
#F5F6F8Fondos, calma, espacio
Usa azul para acciones primarias y navegación. Mantén fondos neutros y deja respirar el color.
No uses amarillo para texto, rojo para decoración ni la paleta completa como arcoíris.
04Raleway habla con precisión
Tipografía
Raleway habla con precisión
y cercanía.
Display · 72/0.94
Aa
Toda tu institución.
Aprender, organizar y avanzar.
Una plataforma clara para decisiones importantes.
La interfaz utiliza pesos semibold y bold para conservar legibilidad. En párrafos largos se amplía el interlineado y se limita la longitud de línea.
ETIQUETA · 14 / 800
05Suave en la forma.
Interfaz
Suave en la forma.
Directa en la función.
Botones
Estados
● Completado● Requiere atención● Prioritario
Tarjeta de información
Asistencia semanal94.2%
+1.4%La tendencia mejoró respecto a la semana anterior.
Radio base16 px
12 px en controles densos; 24–32 px en superficies editoriales.
Espaciado8 px
La cuadrícula base evita valores arbitrarios y mantiene ritmo consistente.
ContrasteAA
Texto y controles cumplen WCAG AA como mínimo; el color nunca comunica solo.
06
Voz y tono
Explica. Orienta. Acompaña.
“Error 403. Operación no autorizada.”
“No tienes permiso para cambiar esta calificación. Puedes solicitar apoyo a coordinación.”
“Se detectó una anomalía crítica.”
“Hay tres alumnos que podrían necesitar seguimiento esta semana.”
La marca es directa, respetuosa y útil. Evita tecnicismos, diminutivos, lenguaje condescendiente y promesas absolutas sobre inteligencia artificial.
07El movimiento explica
Movimiento
El movimiento explica
relaciones, no distrae.
Rápido160–240 ms
Controles, estados y feedback inmediato.
Expresivo500–800 ms
Entradas editoriales y cambios de contexto.
AccesibleSiempre
Respeta la preferencia de movimiento reducido del sistema.
Este sistema es el punto de partida para el website y la plataforma.
Volver al sitio ↗