KeyShifter
Sistema de identidad visual. Tipografía, paleta de colores, logo y reglas de uso.
Marca Principal
El sistema de logo tiene dos piezas: el isotipo [KS] y el logotipo stacked. Cada uno funciona de forma independiente.
Tamaños mínimos
Usos incorrectos
Paleta de Colores
El naranja #eb602b es el color principal de la marca. El fondo oscuro azul-violeta crea contraste y comunica tecnología.
Primarios
Fondos
Texto
Semánticos
Tipografía
Tres familias tipográficas con roles claros. Todas disponibles en Google Fonts.
Space Grotesk
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*
Inter
La tipografía más legible para interfaces. Diseñada específicamente para pantallas con alturas x generosas y formas abiertas.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
JetBrains Mono
[KS] // isotipo
const keyshifter = new Brand();
0123456789 → <code/>
Escala Tipográfica
Dónde vive cada pieza
Cuándo usar cada versión del logo.
Isotipo [KS]
Favicon, avatar de redes, ícono de app, marca de agua, espacios reducidos.
Logotipo Stacked
Headers de página, documentos, presentaciones, firma de correo, tarjetas.
Logo Combinado
Navbar del sitio, propuestas comerciales, materiales donde haya espacio horizontal.
Página provisional de referencia — borrar después de finalizar el manual.