La marca
Cómo usar el logotipo
Para prensa, ayuntamientos, centros educativos y cualquiera que hable del proyecto. Descarga libre; el único requisito es no cambiarlo.
Qué significa el símbolo
Tres puntos unidos por una línea discontinua. El primero es quien ayudó. El segundo, quien recibió esa ayuda y la pasó a otra persona.
El tercero está hueco, y se queda hueco siempre: es el siguiente, y todavía no ha ocurrido. Rellenarlo cerraría la cadena, que es justo lo contrario de lo que defiende el proyecto.
La línea es discontinua porque el gesto salta entre desconocidos: no hay una relación previa que los una, solo una decisión.
Las versiones y cuándo usar cada una
Isotipo
Solo el símbolo. Cuando el nombre ya está en el contexto: sellos, márgenes, elementos gráficos.
Logotipo
Solo la palabra. Para texto corrido, titulares de prensa y espacios muy estrechos.
Imagotipo horizontal
Uso principal. Cabeceras, firmas de correo, pie de cartel.
Imagotipo vertical
Cartelería, camisetas, tarjetas y cualquier formato más alto que ancho.
Caja cuadrada
Icono de aplicación, avatar de redes y favicon. Nunca para uso impreso.
Inverso
Sobre fondo oscuro o fotografía. Nunca sobre un fondo con poco contraste.
Área de respeto
Deja libre alrededor de la marca, como mínimo, el diámetro de uno de sus puntos. No metas texto, encuadres ni otros logotipos dentro de ese margen.
Tamaño mínimo
Por debajo de 24 píxeles de alto, la línea discontinua se emplasta y el anillo se cierra. Para esos tamaños existe una versión reducida con conector sólido.
12 px · no usar
12 px · versión reducida
24 px · versión normal
Lo que se puede y lo que no
Sí
- Usar el logotipo para hablar del proyecto, informar o enlazarlo.
- Escalarlo proporcionalmente, todo lo que haga falta.
- Usar la versión a una tinta cuando el color no sea posible.
- Usar la versión inversa sobre fondo oscuro.
- Ponerlo en materiales de tu ayuntamiento, centro o entidad.
No
- Rellenar el tercer punto. Es lo único que convierte el símbolo en otra cosa.
- Cambiar los colores, deformarlo, rotarlo o añadirle sombras y degradados.
- Cambiar la tipografía del nombre o reescribirlo en otro estilo.
- Encerrarlo en una caja o combinarlo con otro logotipo como si fueran uno.
- Usarlo de forma que sugiera que tu organización dirige el proyecto o que este respalda tu producto.
Una advertencia que va en serio
El símbolo ™ y el ®
EL SIGUIENTE es una marca solicitada ante la OEPM con el número M4395521, presentada el 2 de agosto de 2026 en las clases 25, 36, 41, 42 y 45.
- Se usa ™, que puede emplearse desde el día de la solicitud.
- No se usa ® hasta que la marca esté concedida. Ponerlo antes es una infracción.
- No hace falta repetirlo cada vez que aparece el nombre. Con dejar constancia una vez —en el pie de página— es suficiente.
Los colores
La columna de contraste es sobre el fondo papel. Todos los tonos de texto cumplen WCAG AA como mínimo.
| Color | Hex | Uso | Contraste |
|---|---|---|---|
| Acento | #0F766E | Símbolo, enlaces, botón principal | 5,2:1 |
| Acento oscuro | #0C5C56 | Estado activo y pulsado | 7,1:1 |
| Acento suave | #E0F2F0 | Fondos de aviso y pastillas | — |
| Grafito | #111827 | Titulares y texto principal | 16,1:1 |
| Grafito medio | #374151 | Cuerpo de texto | 9,6:1 |
| Grafito claro | #6B7280 | Texto secundario | 4,9:1 |
| Papel | #FBFAF7 | Fondo general | — |
| Línea | #E5E2DC | Bordes y separadores | — |
La tipografía
Fraunces
Titulares y el nombre del proyecto. Es una serif con carácter humano, no institucional: se parece más a una carta escrita que a un informe.
Licencia SIL Open Font · gratuita
Inter
Todo el texto corrido, formularios e interfaz. Elegida por legibilidad a tamaño pequeño y en pantallas malas, que es donde se va a leer casi todo.
Licencia SIL Open Font · gratuita
Si no puedes usar estas tipografías, sustituye Fraunces por Georgia e Inter por la tipografía de sistema. No uses una tercera.
Descargar los archivos
Formato SVG: vectorial, escala sin perder calidad y pesa poco. Se abre en Illustrator, Figma, Inkscape y cualquier navegador.
- Isotipo · colorUso principal
- Isotipo · una tintaPrensa y documentos
- Isotipo · inversoFondo oscuro
- Isotipo · reducidoMenos de 24 px
- Isotipo · cuadradoAvatar e icono de app
¿Necesitas otro formato —EPS para imprenta, PNG a una medida concreta, la versión con la tipografía trazada—? Pídenoslo.
¿Quién es el siguiente?