Branding
Identidad visual, voz de marca y reglas de uso del logo Codeway.
Logo
C
codeway.C
codeway.✓ Correcto
- • Usar sobre fondos oscuros o claros sólidos
- • Mantener proporciones originales
- • Mínimo 32px de alto en digital
- • Espacio libre alrededor: 1x la altura del logo
✗ Incorrecto
- • No estirar ni distorsionar
- • No cambiar colores del gradiente
- • No colocar sobre imágenes con mucho detalle
- • No agregar efectos (sombras, strokes, glow)
- • No rotar ni inclinar
Nombre
Nombre completo: Codeway Tech
Nombre corto: Codeway
En código / repos: codeway (minúscula)
Punto azul: Siempre presente en logo (.)
Nunca: CodeWay, Code Way, CODEWAY, Code-way
Voz y tono
Somos
DirectosTécnicosConfiablesModernos
No somos
CorporativosCondescendientesBuzzword-heavyFríos
✓ Ejemplo correcto
“Tu idea compleja, hecha software robusto. Sin excusas.”
✗ Ejemplo incorrecto
“Somos la empresa líder en transformación digital synergy-driven con soluciones holísticas best-in-class.”
Colores de marca
Blue — Primario
#2563eb
Purple — Acento
#7c3aed
Cyan — Complementario
#06b6d4
Gradiente de marca:
linear-gradient(135deg, #2563eb, #7c3aed, #06b6d4)Estilo visual
- • Fondos: Negro puro (#000) o zinc-950 (#09090b)
- • Borders: Zinc-800, bordes sutiles, nunca gruesos
- • Border radius: Generoso (rounded-xl, rounded-2xl, rounded-full)
- • Blur: backdrop-blur-xl en elementos flotantes
- • Gradientes: Solo en elementos de énfasis (headlines, badges, CTAs)
- • Iconografía: Lucide, stroke-1.5, monocromático
- • Fotografía: Si se usa, baja saturación, overlay oscuro