Manual de Identidad Visual v1.0

GDS Labs

Sistemas de automatización y diseño web de alto rendimiento. Guía oficial de uso de marca.

1

Logotipo

GDSLabs
Versión Principal (Dark Mode)

Construcción

El logotipo se compone de un isotipo (rayo contenido) y un logotipo tipográfico. La tipografía combina pesos Bold y Light para equilibrar fuerza tecnológica y precisión científica.

Space Grotesk FontAwesome Bolt

Usos Incorrectos

  • No cambiar la tipografía (ej. Arial).
  • No usar sobre fondos blancos puros.
  • No rotar el isotipo.
2

Sistema de Color

Primary
Indigo GDS
#6366f1
Acciones, Enlaces
Accent
Cyan GDS
#06b6d4
Brillos, Detalles
Base
Deep Space
#030712
Fondo Principal
Surface
Obsidian
#111827
Tarjetas, Modales

El Gradiente "Neon Tech"

Se utiliza en textos destacados y fondos de llamadas a la acción (CTA).

bg-gradient-to-r from-indigo-500 to-cyan-500
3

Tipografía

Encabezados (Headings)

Space Grotesk

Una sans-serif geométrica con personalidad futurista.

H1 / Bold / 48-72px
Automatiza el Futuro
H2 / Bold / 30-36px
Soluciones Escalables
Cuerpo (Body)

Inter

La fuente estándar para legibilidad en interfaces modernas.

Body / Regular / 16px
GDS Labs transforma procesos manuales en sistemas autónomos inteligentes. Nuestro código es limpio, escalable y eficiente.
Caption / Light / 14px
*Todos los derechos reservados 2026.
4

Componentes UI

Botones

bg-primary + shadow-glow
border-gray-600 + hover:white

Glass Card

Efecto Vidrio

Fondo semitransparente con desenfoque (blur) y borde sutil.

Iconografía

Contenedores cuadrados con bordes redondeados (rounded-xl) y fondo con 20% de opacidad.