Manual de marca · REDES
Novedades
Recursos · Identidad de marca
Manual de identidad corporativa REDES
Aquí tienes todo lo necesario para aplicar la marca REDES de forma coherente en tus comunicaciones: logotipo en sus variantes, tipografías oficiales, paleta de colores y el manual completo descargable.
🎨 Paleta de colores oficial
El verdepino es el color principal. Los seis secundarios provienen de los Objetivos de Desarrollo Sostenible (ODS). Click en cualquier HEX para copiarlo.
Tipografía del logotipo
Fredoka
Fuente sans-serif redondeada, transmite alegría, amabilidad y calidez. Reservada únicamente para el lockup del logotipo.
AHOabc Light
AHOabc Regular
AHOabc Medium
AHOabc SemiBold ← peso del logo
AHOabc Bold
Tipografía corporativa
Work Sans
Sans-serif moderna y versátil. Expresa limpieza, claridad y profesionalismo. Se usa en todos los textos (cuerpo, titulares, UI). Peso destacado: Bold.
AHOabc ExtraLight
AHOabc Light
AHOabc Regular
AHOabc Medium
AHOabc SemiBold
AHOabc Bold ← peso destacado
AHOabc ExtraBold
AHOabc Black
📐 Logotipo en sus versiones
Monocromática
Cuando no se pueda usar color
Generar desde el .ai original
Sobre fondo oscuro
Versión blanco/negativa
Generar desde el .ai original
📖 Manual completo (10 páginas)
Vista previa del manual oficial. Click en cualquier página para verla a tamaño completo.
✨ Recordatorios de uso
- ✅ Siempre que sea posible, usa la versión principal (color) del logotipo.
- ✅ Mantén el área de protección alrededor del logo: nunca pegarlo a otros elementos.
- ✅ Para titulares importantes, usa Work Sans Bold.
- ✅ Para texto corrido, usa Work Sans Regular.
- ❌ Nunca uses Fredoka fuera del lockup del logo.
- ❌ No deformes el isotipo (la margarita) ni alteres sus proporciones.
- ❌ No cambies los colores oficiales — los siete colores ODS están fijados.
🪡 Cómo se aplica en Telar
Esta plataforma ya respeta el manual: la web pública usa Work Sans en todos los textos y los siete colores oficiales como design tokens. Si encuentras una pantalla o componente que no respete el manual, abre una incidencia.
Variables CSS disponibles
--color-teal · --color-azul
--color-rosa · --color-verde
--color-dorado · --color-guindo
--color-grisazul · --font-sans · --font-logo
Clases Tailwind
text-teal · bg-redes-rosa
border-redes-azul · text-redes-verde
bg-redes-dorado · text-redes-guindo
bg-redes-grisazul