Identidad visual

Logotipos, paleta de color, tipografía y normas de uso de la marca ArqueoBytes.

Versiones del logo

Usar siempre los archivos originales sin deformar, recortar ni alterar colores.

Símbolo ArqueoBytes

Símbolo

Ícono standalone. Usar cuando el nombre de la marca ya es reconocible en el contexto (favicon, avatar, app icon).

logo_arqueobytes.png ↓ Descargar PNG (2.1 MB)
Logotipo ArqueoBytes

Logotipo completo

Versión principal con símbolo + nombre. Usar en cabeceras, documentos, presentaciones y cualquier primer punto de contacto.

logotipo.png ↓ Descargar PNG (137 KB)
Logotipo sobre fondo claro

Sobre fondo claro

Comprobar contraste suficiente antes de usar sobre fondos claros. Evitar fondos con saturación alta.

↓ Descargar PNG (137 KB)

Zona de exclusión

Mantener alrededor del logo un espacio libre equivalente a la altura de la letra "A" del nombre. Nunca colocar texto u otros elementos dentro de esa área.

No deformar ni estirar el logo
No cambiar los colores corporativos
No añadir sombras, rellenos ni efectos
No colocar sobre fondos con ruido o imágenes sin contraste
No rotar ni inclinar el logotipo
No recrear el logo con otras fuentes

Paleta de color

La identidad descansa sobre dos familias: Oro Arqueo (herencia, materia, tierra) y Azul Byte (tecnología, datos, precisión), sobre fondos negros de alta profundidad.

Fondos

Negro base #0a0a0a --negro Fondo principal del sitio
Negro suave #111111 --negro-suave Fondos alternativos
Negro card #161616 --negro-card Tarjetas y contenedores
Gris oscuro #1a1a1a --gris-oscuro Superficies elevadas
Gris medio #2a2a2a --gris-medio Bordes y divisores

Textos

Blanco #f5f5f5 --blanco Títulos y headings
Gris claro #BFC3C7 --gris-claro Cuerpo de texto principal
Gris texto #9a9a9a --gris-texto Subtítulos y metadatos

Oro Arqueo Primario

Oro oscuro #A07D1F --oro-oscuro Hover, énfasis profundo
Oro claro #DABB5C --oro-claro Gradientes, hover botones

Azul Byte Secundario

Azul oscuro #0F4C81 --azul-oscuro Profundidad, fondos de acento
Azul claro #4DA6F0 --azul-claro Highlights, iconos interactivos

Sistema tipográfico

Dos familias complementarias: una serif de alta expresividad para titulares y una sans-serif neutral para cuerpo y UI.

Playfair Display
Playfair Display Titulares · Display

Serif de contraste alto. Usada en h1, h2, h3 y la clase .section-title. Pesos: 500, 600, 700. Transmite herencia, autoridad y cultura.

Aa Heading 2 Heading 3
Inter
Inter Cuerpo · UI · Código

Sans-serif diseñada para pantalla. Usada en párrafos, etiquetas, botones, navegación y cualquier texto funcional. Pesos: 300, 400, 500, 600, 700.

El texto de cuerpo usa Inter en 16 px con line-height 1.7 para máxima legibilidad en lecturas largas.

Escala de tamaños

NivelTamañoPesoFamiliaUso
Display / H1clamp(2.8rem, 5vw, 4rem)600Playfair DisplayTítulo hero
H2clamp(2rem, 4vw, 2.8rem)500Playfair DisplayTítulos de sección
H31.4rem500Playfair DisplaySubtítulos de bloque
Body1rem (16 px)400InterPárrafos
Small / Label0.7rem500InterLabels, caps
Button0.9rem500InterCTAs
Code0.85rem400monospaceValores técnicos

Botones y etiquetas

Referencia rápida de los elementos de UI más frecuentes.

Botones

Labels y badges

Oro Azul Neutro

Gradientes de marca

Oro Arqueo
Azul Byte
Arqueo + Byte
Fondo profundo