Círculo Iluminemos — Brand Book | Sistema de Identidad Visual
Brand Book

Círculo Iluminemos

Sistema de identidad visual

Iluminemos por el Autismo

01

Concepto

¿Qué es?

El logo de Círculo Iluminemos es puramente tipográfico con un elemento diferenciador integrado: la letra «O» de CÍRCULO se reemplaza por un aro circular luminoso con degradado. No hay isotipo separado — el símbolo vive dentro de la palabra misma.

¿Por qué?

Es minimalista, moderno y memorable. La «O» luminosa funciona como ícono independiente cuando se necesita. Se integra naturalmente en cualquier composición y funciona a cualquier tamaño. El aro circular representa la comunidad — el círculo que une.

Isotipo
La «O» que lo dice todo

Un aro circular con degradado de púrpura a turquesa que reemplaza la «O» de CÍRCULO. Sin destellos, sin adornos — la fuerza está en la simplicidad del círculo.

"Bienvenida al Círculo. Ya no caminas sola."
03

Reglas de Uso

Área de seguridad, tamaños mínimos y usos incorrectos del logotipo.

Área de seguridad

El espacio mínimo libre alrededor del logo se establece con base en el ancho de la letra «U» de CÍRCULO. Esta distancia se aplica en los cuatro lados. Ningún elemento gráfico, texto ni borde debe invadir esta zona.

1× U 1× U 1× U 1× U Logo con área de seguridad
Tamaños mínimos
Horizontal
Impreso: 5 cm
Digital: 160 px
USO PRINCIPAL
Vertical
Impreso: 4 cm
Digital: 120 px
Isotipo
Impreso: 1.5 cm
Digital: 32 px
Usos incorrectos

El logotipo nunca debe modificarse. Estas son las alteraciones que están prohibidas:

No estirar horizontalmente
No estirar verticalmente
No rotar
No agregar sombras
No cambiar colores
No usar sobre fondos sin contraste
04

Colores

El degradado púrpura → turquesa de la «O» es la firma visual de Círculo Iluminemos.

#2D1B4E
Púrpura Profundo
RGB 45, 27, 78
CÍRCULO · Textos principales · Fondos oscuros
#7B29AA
Púrpura Iluminemos
RGB 123, 41, 170
«O» (inicio degradado) · Acentos
#57E7F2
Turquesa Iluminemos
RGB 87, 231, 242
«O» (fin degradado) · CTAs
#1FBED2
Teal
RGB 31, 190, 210
Acentos secundarios
#F3E8FF
Lila Suave
RGB 243, 232, 255
Fondos claros · Cards
#6D6664
Gris Texto
RGB 109, 102, 100
Textos secundarios
Proporciones de uso
40%
25%
15%
12%
8%
05

Tipografía

Sistema tipográfico de Círculo Iluminemos.

«CÍRCULO»
CÍRCULO
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Montserrat Bold · Versalitas · #2D1B4E
«iluminemos» · Display emocional
iluminemos
abcdefghijklmnopqrstuvwxyz
Kalam Regular · Google Fonts
Párrafos · Cuerpo de texto
Outfit Regular
Círculo Iluminemos es tu comunidad neuroafirmativa. Un espacio donde las familias encuentran acompañamiento estructurado, herramientas prácticas y la certeza de que no caminan solas.
Outfit Light/Regular · Web y materiales digitales
Jerarquía
Principal
CÍRCULO
Montserrat Bold · Protagonismo visual.
Secundaria
iluminemos
Kalam · Display emocional y acentos.
Cuerpo
Párrafos y textos
Outfit · Contenido de lectura, interfaz, emails.
06

Iconografía

Línea redondeada, trazo de 2px, un solo color de la paleta por ícono.

Estilo

Iconos de línea redondeada (rounded line icons) con trazo uniforme de 2px. Esquinas redondeadas, estilo orgánico consistente con la marca. Siempre en un solo color de la paleta — púrpura profundo para interfaces, púrpura medio o turquesa para acentos.

Reglas

Tamaño mínimo: 24×24px. Proporción siempre 1:1. No mezclar estilos (no combinar línea con relleno). Sobre fondos oscuros, usar ícono en blanco. No agregar efectos, sombras ni degradados a los íconos.

Inicio
Cursos
Comunidad
Recorrido
Soporte
Eventos
Logros
Exclusivo
07

Voz y Tono

Cómo habla Círculo Iluminemos.

Empática
Habla desde el entendimiento, no desde la autoridad clínica
Clara
Simplifica sin simplificar: conceptos complejos en lenguaje accesible
Cálida
Como una amiga que sabe de lo que habla y te abraza con información
Firme
Tiene convicciones neuroafirmativas claras y no las negocia
Íntima
Habla como si fueran pocas personas en un espacio seguro
✓ Sí usar
círculoacompañariluminarrecorridocaminar juntasclaridadcalmaperteneceravanzar a tu ritmocomunidadherramientasespacio seguro
✗ No usar
curararreglarnormal/anormalsufrirpadecervíctimacargaproblemarápidofácilgarantizadourgente
08

Mockups

Aplicaciones digitales de la marca en contextos reales.

Landing Page
Sección hero de la página de membresía.
Post de Instagram
Template con la identidad aplicada.
Membership Card
Tarjeta digital de membresía.
App Móvil
Pantalla de bienvenida.
Portal de Alumnos
Inicio de sesión versión desktop.
09

Dirección Fotográfica

Estilo visual para fotografía de marca.

Conexión mamá e hijo
Momentos naturales de acompañamiento y juego.
Comunidad de mamás
Círculo de apoyo, conversación y pertenencia.
Niño explorando
Curiosidad, calma y descubrimiento.
Familia caminando junta
Esperanza, avance y camino compartido.
Una comunidad de Iluminemos por el Autismo