MANUAL DE MARCA Una identidad visual coherente y reconocible
CodeNest · El Salvador

Una marca para aprender y crecer

El lenguaje visual de CodeNest expresa un espacio seguro, práctico y cercano para dar el primer paso en tecnología.

El logotipo CodeNest

El ave y su nido representan crecimiento, acompañamiento y un entorno seguro. Los signos angulares remiten a las etiquetas del código HTML.

Logotipo a color de CodeNest: ave en un nido con símbolos de código y nombre de la marca

Significado de la marca

CodeNest significa “nido de código”: un lugar donde las personas que empiezan desde cero pueden desarrollar habilidades antes de dar el salto al mercado laboral.

Slogan institucional: “Tu primer paso, escrito en código.”

El símbolo debe conservar su proporción, legibilidad y relación entre el ave, los signos angulares y el nido.

Paleta cromática

Los colores mantienen el contraste y la asociación visual entre tecnología, confianza y creatividad.

Colores institucionales de CodeNest y su aplicación en el logotipo.
MuestraColorCódigoUso en la identidad
Azul marino oscuro#0F172AFondo principal y fondo del logotipo.
Blanco puro#FFFFFFAve, palabra “Code” y contraste sobre fondos oscuros.
Negro suave#000000Ojo del ave y variante monocromática positiva.
Azul cielo#3B82F6 → #37CEF8Degradado de alas y parte superior del nido.
Celeste#CCEEFD → #B3E6FCParte superior e inferior de los símbolos angulares.
Amarillo dorado#FACC15Curvas superiores del nido.
Naranja cálido#FBA061Curvas inferiores del nido.
Azul celeste#38BDF8 → #60A5FAContorno y degradado de la palabra “Nest”.

Versiones y variantes cromáticas

Selecciona la versión con mejor contraste para cada soporte; no combines variantes de forma arbitraria.

Versión institucional a color del logotipo
Versión a color

Versión a color

Cuatro propuestas cromáticas de la marca CodeNest
Variantes cromáticas

Variantes cromáticas

Logotipo monocromático negro sobre fondo blanco
Versión monocromática positiva

Monocromática positiva

Logotipo monocromático blanco sobre fondo oscuro
Versión monocromática negativa

Monocromática negativa

Montserrat · Medium 500

La marca utiliza una tipografía sans serif moderna, de formas simples y legibles. El peso medio mantiene solidez sin perder claridad.

Tratamiento del nombre: “Code” se presenta en blanco; “Nest” utiliza el degradado azul de la identidad.

Conservar el espacio visual

Se debe mantener un margen libre en todos los lados equivalente, como mínimo, a la altura de la letra “C” del nombre.

  • Tarjetas de presentación: 2–2.5 cm de alto.
  • Portada de documentos A4: 3–4 cm.
  • Presentaciones digitales: 80–120 px.
  • Sitios web: 40–60 px.

Lineamientos de uso

Uso correcto

  • Usar siempre la paleta oficial.
  • Elegir la variante con contraste suficiente para el fondo.
  • Respetar el área de protección y las alturas recomendadas.
  • Usar la versión monocromática positiva o negativa solo cuando el color no sea posible.

Evitar

  • No modificar ni separar las partes del logotipo.
  • No cambiar la tipografía corporativa.
  • No comprimir, estirar ni deformar el logotipo.
  • No colocarlo sobre fondos que dificulten su legibilidad.