OPOTOPO · Identidad
Más cerca de tu plaza.
Una marca para estudiar con claridad. Un sistema para acompañar cada día.
Tu siguiente paso empieza hoy.
01 · Firma
Una firma. No cinco topos distintos.
El símbolo y el nombre se repiten siempre con las mismas proporciones. Horizontal para producto, vertical para piezas de marca y el símbolo solo cuando el contexto ya identifica OPOTOPO.
Horizontal · cabecera web, correos y navegación
Vertical · portadas y formatos centrados
Monocroma · una tinta, sellos y reproducción
Inversa · crema sobre verde, sin redibujar
Un mínimo de 0,5 H
H es la altura visible de OPOTOPO. El símbolo mide 1,3 H y se separa 0,5 H. Nada invade ese aire.
El nombre se dibuja
OPOTOPO, en una palabra y sin tilde. El logotipo es un recurso gráfico: nunca se recompone con una fuente.
La consistencia no se negocia
No deformar, no girar, no improvisar colores, no perder contraste, no añadir coronas ni insignias.
02 · Color
Cuatro colores. Cada uno con un trabajo.
Crema y verde ocupan casi toda la pieza. El tierra se siente como un acento: nunca lleva texto encima ni sirve de texto corriente.
01 / Principal
Verde topo
#0F2D23
Texto principal, firma, navegación y acción primaria.
02 / Base
Crema
#F8F6EE
Fondo de marca, lectura y superficies amplias.
03 / Acento
Tierra
#E27D4F
Hocico, detalles editoriales y énfasis puntual. Nunca texto.
04 / Apoyo
Arena
#DED7CB
Separadores decorativos y fondos secundarios.
El terracota no sirve para todo
- Verde topo sobre cremaAAA13,67:1
- Crema sobre verde topoAAA13,67:1
- Verde topo sobre tierraAA5,13:1
- Tierra sobre cremaNo usar en texto2,67:1
- Texto secundario sobre cremaAA5,87:1
- Borde funcional sobre cremaAA grande3,65:1
03 · Tipografía
Una familia. Dos ritmos.
Inter para interfaz y textos; Inter Display para titulares. Se sirve con su eje óptico, así que la misma fuente se aprieta sola al crecer. Pesos 400, 500, 600 y 700; nada ultraligero, nada de párrafos en mayúsculas.
Inter Display · 600–700
Aa
Hoy, un paso claro.
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
0123456789 · ¿? ¡! áéíóúü
- Display56 / 60 · 700
Hoy, un paso claro.
- Título principal36 / 42 · 600
Repasa tus dudas
- Sección28 / 34 · 600
Después, tú decides
- Subtítulo20 / 28 · 600
Entiende el porqué
- Lectura16 / 24 · 400
Practica con tests, repasa tus dudas y entiende qué necesitas reforzar.
- Secundario14 / 20 · 400
Empieza por las dudas que dejaste pendientes.
04 · Voz
Hablar como alguien que ayuda.
La voz reconoce el esfuerzo y reduce la incertidumbre. No felicita por sistema ni convierte cada acción en una hazaña. Tú, verbos concretos y frases cortas.
01
Cercana
«Vamos con el siguiente tema.»
Evitar: «¡Eres una máquina imparable!»
02
Clara
«Repite las preguntas que marcaste como dudosas.»
Evitar: «Optimiza tu curva metacognitiva.»
03
Honesta
«Este resultado orienta tu repaso.»
Evitar: «Ya estás listo para aprobar.»
04
Sin culpa
«Retoma donde lo dejaste.»
Evitar: «Has perdido todo tu progreso.»
La voz se prueba en los momentos difíciles
- Primera visita
- Empieza con un test. Después sabrás qué repasar.
- Respuesta incorrecta
- Esta no era la respuesta correcta. Revisa la explicación antes de continuar.
- Vuelta tras una pausa
- Retoma donde lo dejaste. Tu progreso sigue aquí.
- Error al guardar
- No hemos podido guardar esta nota. El texto sigue aquí para que lo copies o vuelvas a intentarlo.
- Tutor sin certeza
- No tengo una referencia suficiente para asegurarlo. Comprueba el material y la fuente correspondiente.
- Sin historial
- Aquí verás tu progreso después de completar tu primera sesión.
05 · Componentes
Calma en reposo. Claridad al actuar.
Una acción primaria por bloque. Áreas de 44 × 44 px. Foco visible, etiqueta persistente y error junto al campo: el color nunca trabaja solo.
Acciones
Estados
Iconos · retícula de 24 px, trazo 1,75
- Hoy
- Estudio
- Repaso
- Simulacro
- Progreso
- Completado
06 · Ilustración y movimiento
El topo es una señal. No un presentador.
Formas planas, misma paleta y pocos elementos. Un topo por escena. Una aparición, no un bucle: el movimiento explica cambios de estado en 150–220 ms y desaparece con movimiento reducido.
Inicio o vuelta
Un gesto tranquilo, sin reproche.
Lectura o explicación
Un apoyo visual, no otro logo.
Fin de un bloque
Reconocer una acción real.
07 · Recursos
Un paquete útil. Un cierre pendiente.
Referencias vectorizadas de la lámina aprobada para trabajo. El arte final (redibujo óptico y versión micro) sigue pendiente de aprobación: cuando llegue, se sustituyen los trazos y todo se regenera.
- opotopo-lockup.svgSVG
- opotopo-lockup-inversa.svgSVG
- opotopo-lockup-mono.svgSVG
- opotopo-vertical.svgSVG
- opotopo-simbolo.svgSVG
- opotopo-simbolo-mono.svgSVG
- opotopo-wordmark.svgSVG
- opotopo-icono.svgSVG
Reconocible. Legible. Veraz.
Volver a OPOTOPO