MANUAL DE ESTILO | ENLACE CUICATLÁN
Bienvenido al Manual de Marca
Enlace Cuicatlán es una agencia de noticias comprometida con la difusión de información responsable y veraz sobre la región de Cuicatlán, Oaxaca. Este dashboard es tu guía completa para mantener la consistencia visual de nuestra marca en todas las aplicaciones.
¿Qué encontrarás aquí?
Este manual contiene toda la información necesaria para utilizar correctamente nuestra identidad visual:
- Identidad de Marca: Concepto, filosofía y valores visuales
- Logos: Todas las variantes disponibles (positivo, negativo, blanco, negro, horizontal, vertical)
- Paleta de Colores: Códigos hexadecimales, RGB y CMYK con especificaciones técnicas
- Tipografía: Fuentes recomendadas y su aplicación
- Reglas de Uso: Lo que está permitido y lo que no
Identidad de Marca
Concepto Visual
Nuestra marca fusiona dos conceptos fundamentales: el globo de diálogo representa la comunicación y el intercambio de información, mientras que el agave estilizado simboliza la riqueza natural y cultural de Cuicatlán, parte de la Reserva de la Biosfera Tehuacán-Cuicatlán, Patrimonio Mundial de la UNESCO.
Filosofía de Diseño
Nuestro diseño es minimalista, moderno y profesional. Cada elemento tiene propósito y significado, garantizando que la marca sea reconocible en cualquier tamaño y contexto. Evitamos la saturación visual y priorizamos la claridad y la legibilidad.
Valores de Marca
| Valor | Descripción |
|---|---|
| Responsabilidad | Compromiso con la información veraz y ética periodística |
| Conexión | Vinculación con la comunidad y sus necesidades informativas |
| Naturaleza | Respeto por el patrimonio natural y cultural de la región |
| Modernidad | Adopción de tecnologías y enfoques contemporáneos |
Variantes de Logo
Logo Positivo (Fondo Blanco)
Versión estándar con colores primarios sobre fondo blanco. Uso principal en documentos, sitios web y redes sociales.
Positivo
Uso general en fondos claros
Logo Negativo (Fondo Azul)
Logo completamente blanco sobre fondo azul oscuro. Ideal para encabezados, banners y fondos oscuros.
Negativo
Uso en fondos azul oscuro
Logo en Negro
Logo completamente negro sobre fondo blanco. Uso en impresiones en blanco y negro, fotocopias y documentos formales.
Negro
Uso en impresión B/N
Logo en Blanco (Sin Fondo)
Logo completamente blanco con fondo transparente. Ideal para aplicaciones digitales con fondos personalizados.
Blanco
Uso sobre fondos oscuros
Logo Vertical
Versión apilada con el icono arriba y el texto abajo. Ideal para aplicaciones móviles y espacios cuadrados.
Vertical
Uso en móviles y espacios limitados
Paleta de Colores
Nuestra paleta de colores ha sido cuidadosamente seleccionada para transmitir profesionalismo, confianza y dinamismo. Cada color tiene un propósito específico en la aplicación de la marca.
Azul Oscuro (Marino)
RGB: 27, 73, 101
CMYK: 73%, 28%, 0%, 60%
Uso: Logo, títulos, elementos destacados
Significado: Confianza, verdad, profesionalismo
Azul Claro (Cielo)
RGB: 0, 174, 239
CMYK: 100%, 27%, 0%, 6%
Uso: Acentos, detalles, énfasis
Significado: Dinamismo, conexión, modernidad
Gris Claro
RGB: 245, 245, 245
CMYK: 0%, 0%, 0%, 4%
Uso: Fondos, espacios en blanco
Significado: Limpieza, claridad
Carbón Oscuro
RGB: 44, 62, 80
CMYK: 45%, 23%, 0%, 69%
Uso: Texto, detalles finos
Significado: Legibilidad, contraste
Combinaciones Recomendadas
| Combinación | Colores | Uso |
|---|---|---|
| Primaria + Secundaria | Azul Oscuro + Azul Claro | Logo principal, máximo contraste |
| Primaria + Neutral | Azul Oscuro + Gris Claro | Fondos y elementos secundarios |
| Monocromática | Variaciones del Azul Oscuro | Aplicaciones formales |
| Inversa | Blanco sobre Azul Oscuro | Encabezados, banners |
Tipografía
La tipografía es fundamental para la identidad visual. Utilizamos tres familias tipográficas para crear jerarquía y claridad en la comunicación.
Montserrat Bold – Tipografía Principal
Uso: Logotipo, títulos principales, encabezados
Características: Moderna, geométrica, altamente legible
Peso recomendado: Bold (700)
Roboto Regular – Tipografía Secundaria
Uso: Cuerpo de texto, descripciones, párrafos
Características: Limpia, neutral, excelente legibilidad en pantalla
Peso recomendado: Regular (400)
Roboto Light – Tipografía Complementaria
Uso: Subtítulos, eslóganes, información complementaria
Características: Elegante, ligera, sofisticada
Peso recomendado: Light (300)
Jerarquía Tipográfica
| Nivel | Tipografía | Tamaño | Peso | Uso |
|---|---|---|---|---|
| H1 – Títulos Principales | Montserrat | 2.5em – 3em | Bold (700) | Encabezados de página |
| H2 – Subtítulos | Montserrat | 1.8em – 2em | Bold (700) | Secciones principales |
| H3 – Subsecciones | Montserrat | 1.4em – 1.6em | Bold (700) | Subsecciones |
| Body – Cuerpo de Texto | Roboto | 1em – 1.1em | Regular (400) | Párrafos, descripciones |
| Small – Texto Pequeño | Roboto | 0.85em – 0.9em | Light (300) | Notas, detalles |
Reglas de Uso del Logo
✓ Lo que SÍ está permitido
- Usar el logo en los colores especificados
- Escalar el logo proporcionalmente sin distorsión
- Usar sobre fondos de color sólido
- Aplicar en diferentes tamaños manteniendo proporción
- Usar la versión monocromática cuando sea necesario
- Colocar con espacio en blanco alrededor (mínimo 20%)
✗ Lo que NO está permitido
- Cambiar los colores sin autorización
- Distorsionar, estirar o comprimir
- Rotar a ángulos no estándar
- Usar sobre fondos muy ocupados
- Agregar sombras o efectos
- Reducir a menos de 100 píxeles en digital
Tamaños Mínimos Recomendados
| Aplicación | Tamaño Mínimo | Formato |
|---|---|---|
| Digital (Web) | 100 píxeles de ancho | PNG, SVG |
| Móvil | 80 píxeles de ancho | PNG, SVG |
| Favicon | 32 x 32 píxeles | ICO, PNG |
| Tarjeta de Presentación | 1 cm de ancho | PDF, EPS |
| Impresión Grande | 5 cm de ancho | EPS, PDF |
Espacios en Blanco (Clearance)
El logo debe estar rodeado de espacio en blanco equivalente a la altura de la letra “x” en la tipografía principal. Este espacio garantiza que el logo respire y sea claramente identificable.
Mínimo recomendado: 20% del tamaño total del logo