🎨 Guía Visual y de Branding – ATLANTYDE⚓
🧭 Propósito⚓
Esta guía define los usos oficiales, variantes y restricciones para la identidad visual de ATLANTYDE, asegurando coherencia en LMS, GitHub, documentación, redes sociales e interfaces.
🧩 Componentes visuales principales⚓
1. Símbolo ATLANTYDE (A + Faro + IA)⚓
Variante | Imagen | Archivo |
---|---|---|
Símbolo A+Faro aislado | ![]() |
atlantyde_logo_part_1.svg |
Símbolo + Texto ATLANTYDE | ![]() |
atlantyde_logo_part_2.svg |
Versión monocroma | ![]() |
atlantyde_logo_part_3.svg |
🎨 Versiones entregadas:
- Fondo transparente
- Fondo corporativo azul #002B36
- Optimizado para <1MB
- Estilo profesional vectorial (SVG limpio y responsive)
📐 Reglas de uso⚓
- No deformar ni estirar los logotipos
- No alterar los colores oficiales (verde atlante, blanco faro, dorado IA)
- Mantener margen de seguridad mínimo de 16px
- Utilizar la versión monocroma en modos oscuros
- Integrar preferentemente en PNG (docs) o SVG (web / LMS)
📁 Estructura de Archivos⚓
assets/
└── branding/
├── atlantyde_logo_part_1.svg
├── atlantyde_logo_part_2.svg
├── atlantyde_logo_part_3.svg
├── atlantyde_logo_part_1_transparent.svg
├── atlantyde_logo_part_2_transparent.svg
└── atlantyde_logo_part_3_transparent.svg
📦 Integración automática⚓
- Los logos se utilizarán como:
- Favicon (
favicon.svg
) - Open Graph (
ogimage.png
) - Panel visual de contribuciones y badges
🧬 Esta guía está vinculada con Guía Visual Fundadores
y Guía de Contribución
.
📬 Para sugerencias de diseño, contactar con Loky (José Antonio).
🖼️ Catálogo Visual Navegable⚓
A continuación, se muestra el catálogo completo con todas las variantes visuales actuales del logotipo ATLANTYDE, disponibles en la carpeta assets/branding/
:
Variante | Imagen |
---|---|
Símbolo A+Faro (PNG) | ![]() |
Símbolo + Texto ATLANTYDE (PNG) | ![]() |
Versión Monocroma (PNG) | ![]() |
Versión A+Faro (Transparente SVG) | Ver SVG |
Texto ATLANTYDE (Transparente SVG) | Ver SVG |
Monocroma (Transparente SVG) | Ver SVG |
📂 Estos elementos están optimizados para:
- Favicon (favicon.svg
)
- Headers LMS (svg/png
)
- Redes sociales (opengraph.png
)
- Identidad visual de contribuciones