BRANDING

Manual de marca

Los elementos básicos para usar la marca Helium Academy con coherencia: logo, colores, tipografía y plantillas, listos para descargar.

ZIP · 1,7 MB · logos en SVG y PNG, paleta, tipografía y plantilla

01 · NUESTRO LOGO

Logo principal

El átomo dentro de un mosaico índigo y el nombre en dos pesos. Es la firma de la marca y se usa siempre que haya espacio.

Logo principal de Helium Academy a color

Positivo

Para fondos claros

Isotipo

El átomo dentro del mosaico resume ciencia aplicada y energía. Mantiene los mismos colores sobre cualquier fondo.

Nombre

«Helium» en peso 800 e índigo; «Academy» en 500 y azul. Siempre en una línea.

Zona segura

Deja libre alrededor la mitad de la altura del isotipo, por los cuatro lados.

Tamaño mínimo

200 px de ancho en pantalla (35 mm impreso). Por debajo, usa solo el isotipo.

02 · NUESTRO LOGO

Lockups

Dos composiciones oficiales: horizontal para encabezados y pantallas, vertical para formatos cuadrados, perfiles y sellos.

Lockup horizontal a color

Horizontal · claro

Encabezados, web y documentos

Lockup horizontal en negativo

Horizontal · índigo

«Helium» en blanco y «Academy» en durazno

Lockup vertical a color

Vertical · claro

Formatos cuadrados y verticales

Lockup vertical en negativo

Vertical · índigo

Portadas, perfiles y piezas oscuras

03 · NUESTRO LOGO

Isotipo

El átomo dentro del mosaico índigo. Se usa solo cuando el nombre ya está presente o no cabe: icono de la app, favicon, avatar en redes y sellos.

Isotipo de Helium Academy
96 px
64 px
40 px
24 px

Isotipo a color

Mínimo 24 px · espacio de respeto del 25 % del lado

Mosaico

Índigo con esquinas redondeadas (11/40 del lado) y un anillo durazno suave.

Átomo

Órbitas en azul cielo y durazno, núcleo coral con brillo, dos electrones y dos destellos.

Sin cambios

No se gira, no se recorta el mosaico ni se cambian sus colores. Para una tinta, usa la versión monocromática.

04 · NUESTRO LOGO

Imagotipo apilado

El isotipo sobre el nombre y, debajo, el lema. Para portadas, pósters, diplomas y piezas verticales donde la marca se presenta.

Imagotipo apilado a color con el lema Habilidades para la vida y el trabajo

Positivo

Lema en texto secundario

Imagotipo apilado en negativo con el lema

Negativo

Lema en lavanda sobre índigo

05 · NUESTRO LOGO

Combinaciones de color

Seis pares aprobados. A color sobre fondos claros, en negativo sobre índigo y a una tinta sobre azul, durazno y coral. Fuera de estos, usa la versión monocromática.

Color sobre blanco

Color sobre tinte índigo

Negativo sobre índigo

Blanco sobre azul

Índigo sobre durazno

Índigo sobre coral

Hoja con las seis combinaciones, para compartir con imprentas y agencias.

06 · NUESTRO LOGO

Logo monocromático

Una sola tinta, sin degradados ni segundo tono: el átomo queda calado y deja ver el fondo. Para impresión simple, grabado y cualquier soporte de un color.

Logo monocromático en índigo

Mono índigo

Fondos claros, durazno y coral

Logo monocromático en blanco

Mono blanco

Fondos oscuros, azul y fotografía

Impresión a una tinta

Facturas, sellos y fotocopias en blanco y negro.

Grabado y bordado

Láser, relieve, serigrafía y textil de un solo color.

Sobre fotografía

Versión blanca en una zona tranquila y oscura de la imagen.

07 · COLOR

Paleta de colores

El índigo da la base, el azul acompaña y el coral marca la acción. Los neutros y tintes ordenan el resto. Toca un código HEX para copiarlo.

Índigo

Base de la marca: titulares, fondos oscuros y «Helium».

RGB
75, 0, 130
CMYK
42, 100, 0, 49

Azul

Acento: enlaces, iconos y «Academy».

RGB
0, 90, 244
CMYK
100, 63, 0, 4

Coral

Acción: el botón principal, uno por vista. Nunca como texto sobre claro.

RGB
255, 127, 80
CMYK
0, 50, 69, 0

Durazno

Detalle: etiquetas, foco sobre oscuro y «Academy» en negativo.

RGB
255, 218, 185
CMYK
0, 15, 27, 0

Azul cielo

Órbita del átomo e ilustraciones.

RGB
143, 180, 255
CMYK
44, 29, 0, 0

Neutros y tintes

Texto

Texto de cuerpo

RGB
82, 69, 107
CMYK
23, 36, 0, 58

Secundario

Texto secundario

RGB
107, 93, 132
CMYK
19, 30, 0, 48

Lienzo

Fondo del aula

RGB
251, 249, 253
CMYK
1, 2, 0, 1

Tinte índigo

Fondos suaves

RGB
244, 237, 250
CMYK
2, 5, 0, 2

Tinte azul

Fondos suaves

RGB
238, 244, 255
CMYK
7, 4, 0, 0

Tinte durazno

Fondos cálidos

RGB
255, 246, 239
CMYK
0, 4, 6, 0

Borde

Bordes y separadores

RGB
235, 228, 242
CMYK
3, 6, 0, 5

CMYK aproximado: confírmalo con una prueba de color de la imprenta. El coral nunca se usa como texto sobre fondo claro.

08 · TIPOGRAFÍA

Plus Jakarta Sans

Una sola familia, geométrica y cercana, en cuatro pesos. Libre bajo licencia SIL Open Font License (OFL): se puede usar en web, impresión y presentaciones.

Aa
Titulares en 800

ExtraBold · titulares y «Helium»

Botones y etiquetas en 700

Bold · botones, chips y antetítulos

Academy en 500

Medium · «Academy» y destacados

Cuerpo en 400, para leer cómodo

Regular · párrafos y textos largos

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz · 0123456789 · ¿?¡!«»

Titulares en 800 con interletrado de −0,02 em. Cuerpo de 17 px con interlineado 1,65.

09 · PRESENTACIONES

Plantilla de PowerPoint

Seis diapositivas base en 16:9: portada, sección, contenido, métricas, cita y cierre. Índigo para abrir y cerrar, claro para explicar.

Vista previa de las seis diapositivas de la plantilla: portada, sección, contenido, métricas, cita y cierre

Plantilla de PowerPoint

16:9 · con diseños de diapositiva editables

Una idea por diapositiva

Titular en 800 de dos líneas como máximo; el cuerpo, en 16 pt o más.

Fondo con intención

Índigo para portadas, secciones y cierre; claro para explicar y mostrar datos.

Un solo acento coral

Resérvalo para lo que quieres que se recuerde.

Instala la tipografía

Antes de editar, instala Plus Jakarta Sans (sección anterior). Sin ella, PowerPoint la sustituye.