Logotipo
Versión horizontal, siempre sobre fondo oscuro o sobre blanco puro. Nunca sobre fotografía sin una capa de contraste debajo.
Área de resguardo
Un margen libre equivalente a la altura del isotipo por cada lado. Nada entra en esa zona.
Tamaño mínimo
28 px de alto en pantalla, 12 mm en impreso. Bajo eso el texto deja de leerse.
Lo que no se hace
No se rota, no se deforma, no se le agregan sombras ni contornos. El único recolor permitido es el texto en blanco para fondos oscuros; el isotipo mantiene siempre el azul de marca.
Color
Dos colores definen la marca: el azul del logotipo y el casi-negro sobre el que vive. Todo lo demás son luminancias derivadas del mismo azul. Un solo acento, nunca dos. Haz clic en cualquier valor para copiarlo.
Núcleo de marca
Escala completa
Un acento por página
El azul es el único acento. No se introducen verdes, ámbar ni rojos decorativos.
Siempre modo oscuro
Ninguna sección invierte a fondo claro. Las variaciones son entre #07070F y #0C0E1A.
Contraste mínimo
Texto corrido nunca bajo #8F99B2 sobre la base. Los grises más apagados son solo para etiquetas.
Tipografía
Tres familias con roles que no se cruzan: Sora titula, IBM Plex Sans explica, IBM Plex Mono etiqueta. Ninguna sustituye a otra.
Componentes
Los elementos reales del sitio. Pásales el cursor: los estados de hover y pulsación son parte del sistema, no decoración.
Un solo primario por vista. Altura 50–54 px en escritorio, mínimo 44 px en móvil. Etiquetas de 1 a 3 palabras.
Píldora completa siempre. El estado activo se marca con borde y fondo, nunca solo con color de texto.
Etiqueta siempre arriba, nunca dentro del campo. Foco con anillo azul de 3 px al 25%.
Una tarjeta destacada por grilla, como máximo. Sin sombras negras: la elevación se sugiere con borde.
Forma y espacio
Una sola escala de radios y una sola forma de separar bloques. La retícula máxima es de 1400 px, con márgenes fluidos de 16 a 48 px.
Ritmo vertical
Secciones a clamp(70px, 10vh, 120px) arriba y abajo, separadas por una línea de 1 px al 7%.
Grillas fluidas
auto-fit con mínimo de 260–340 px. Nunca columnas fijas que no colapsen en móvil.
Bordes, no sombras
Separación con borde blanco al 10%. La sombra azul se reserva para el botón primario.
Fotografía
Imágenes de tonos fríos y baja luz, siempre bajo un degradado que las funde con el fondo. La foto acompaña al texto; no compite con él.
Qué evitar
Stock genérico de gente apuntando pantallas, candados, escudos y códigos binarios verdes.
Voz y tono
Hablamos como ingenieros que sí venden: directos, específicos y sin inflar. Español de Chile, trato de tú, sin signos de exclamación.
«Un respaldo solo vale lo que vale su restauración.»
Afirma algo verificable, toma una posición y le sirve al lector aunque no nos contrate.
«Soluciones integrales de vanguardia para potenciar tu negocio.»
No dice nada que un competidor no pueda copiar textual. Si sirve para cualquier empresa, no sirve.
Titulares
Máximo dos líneas y ocho palabras. Una idea, sin subordinadas.
Cifras
Solo las que podemos respaldar. Preferimos no poner número antes que inventarlo.
Llamados a la acción
Una etiqueta por intención en todo el sitio: «Agendar diagnóstico». No se mezcla con sinónimos. Única excepción: en la barra de navegación se abrevia a «Agendar» por espacio. Los enlaces que llevan a otra página del sitio, no a contacto, usan texto con flecha y no botón.
Nombre
«8Layer LATAM» en la primera mención, «8Layer» después. Nunca «8 Layer» ni «8layer».
El concepto: la capa 8
El modelo OSI define siete capas. La octava son las personas, los procesos y las decisiones: donde la tecnología se cae o se sostiene. Es el eje narrativo de la marca y el origen del nombre.
Se usa como argumento, no como adorno. Aparece en el titular principal, en la sección de identidad y en la forma del gráfico 3D del hero: ocho planos apilados con el octavo iluminado.