Manual de Identidad
El sistema visual de SEYCOB
La fuente única de verdad de nuestra marca: logo, color, tipografía, movimiento y voz. Todo el sitio consume estos mismos tokens.
Logo
El logo combina el isotipo —la “S” construida con flechas que sugieren movimiento e integración— con el wordmark SEYCOB. Existen cuatro variantes según el fondo y el uso.
Full color
Slate #476478 · uso principal en claro
Negativo
Blanco · sobre fondos oscuros
Monocromo
Tinta #0B1722 · impresión 1 tinta
Isotipo
Favicon / app icon / avatar
Área de protección
Deja un margen libre mínimo igual a la altura del isotipo alrededor del logo. Nada (texto, otros logos, bordes) debe invadir esa zona.
Usos incorrectos
- · No deformar, rotar ni cambiar proporciones.
- · No recolorear fuera de la paleta oficial.
- · No aplicar sombras, contornos ni degradados.
Color
La paleta nace del azul slate original #476478 y se expande a un sistema premium: un primario con escala completa, una familia de tintas para fondos oscuros y un acento cian que aporta el carácter tecnológico (glows, líneas activas, hovers).
Primario · Slate SEYCOB
Tinta · fondos oscuros
Acento · Cian eléctrico
Neutros fríos
Tipografía
Sora
Titulares con carácter
Pesos 600/700/800 · tracking ceñido en titulares grandes.
Inter
Legibilidad impecable en párrafos y UI. Pesos 400/500/600 para texto corrido, etiquetas y botones.
| Nivel | Fuente / peso | Tamaño (fluido) |
|---|---|---|
| Display / Hero | Sora 700–800 | clamp(2.5rem, 6vw, 4.5rem) |
| H2 sección | Sora 700 | clamp(1.75rem, 3vw, 2.5rem) |
| H3 / card | Sora 600 | 1.25rem |
| Cuerpo | Inter 400 | 1rem / 1.05rem |
| Etiqueta / overline | Inter 600 | 0.75rem · uppercase · tracking |
Iconografía & Motion
Iconografía
Iconos de línea (lucide), grosor 1.5–2px, esquinas suaves. Mismo peso visual en todo el sitio. Acento cian solo en estado activo.
Principios de movimiento
- · Easing: curva cubic-bezier(.16,1,.3,1) (easeOutExpo).
- · Parallax por capas: fondo lento, frente rápido.
- · Reveals: entrada en fade + desplazamiento sutil al hacer scroll.
- · Glow: pulso cian suave en elementos interactivos, nunca estridente.
Voz & Tono
Profesional
Hablamos con autoridad técnica, sin jerga vacía.
Cercana
Segunda persona, directa. Aliado, no proveedor distante.
Orientada a resultado
Mostramos valor concreto, no funciones por funciones.
Idioma: español de México. Evitamos anglicismos innecesarios y promesas que no podamos respaldar con casos reales.