Protocolo de Imagen

Identidad de Marca
& Sistema Visual

Un sistema de diseño unificado para EmoTerraLab y su producto flagship AuLink — construido con la claridad del estilo Apple.

La empresa
EmoTerraLab

Startup de tecnología educativa especializada en soluciones para la gestión del aprendizaje inclusivo. Identidad sobria, científica y humana.

El producto
AuLink

Educational Management Software. Interfaz premium inspirada en Apple — limpia, inteligente y accesible para centros de educación especial.

La plataforma de bienestar
Aura

Plataforma diseñada para fomentar entornos educativos seguros y armónicos. Identidad basada en la tranquilidad, protección y claridad.

Principios de Diseño

◎
Claridad
Cada elemento tiene un propósito. Sin ruido visual. Inspirado en la filosofía Apple HIG.
⬡
Profundidad
Capas de información progresivas. Lo simple en superficie, lo potente debajo.
♡
Inclusión
WCAG AA mínimo. Alto contraste, tamaños generosos, interacciones predecibles.
◈
Coherencia
Un solo sistema visual entre EmoTerraLab y AuLink. Marca madre e hijo reconocibles.

Sistema Cromático

Paletas de Color

AuLink — Paleta Principal

Dark-first UI con acentos vívidos. Profundidad marina + tecnología accesible.

#0D1B2A
Midnight
Background principal
#1B2B4B
Deep Navy
Cards, sidebars
#6C63FF
Indigo
Primario / CTA
#4ECDC4
Teal
Secundario / Success
#A78BFA
Lavender
Acento / Hover
White
#FFFFFF
Texto dark
Ghost
#F5F5F7
Background
Silver
#E5E5EA
Borders
Slate
#6E6E73
Texto sec.
Onyx
#1D1D1F
Texto prim.

EmoTerraLab — Identidad Corporativa

Monocromática con toques científicos. Sobria para documentos, web corporativa y B2B.

#1D1D1F
Cosmos Black
Logo, headings
#3A3A3C
Deep Gray
Cuerpo de texto
#8E8E93
Cool Gray
Secundario
#F5F5F7
Stellar White
Fondos

Aura — Identidad Protectora

Tonos inspirados en la naturaleza para evocar calma y estabilidad.

#004F56
Deep Sea
Primary
#3A6478
Slate Blue
Secondary
#6D3A10
Amber Earth
Tertiary
#2D6A4F
Forest
Success
#BA1A1A
Crimson
Error

Gradientes de Marca — AuLink

Primary Gradient
135deg · #6C63FF → #4ECDC4
CTAs, ilustraciones hero, logo mark
Depth Gradient
135deg · #0D1B2A → #1B2B4B
Fondos de sección, cards oscuras
Accent Gradient
135deg · #A78BFA → #6C63FF
Badges, tags, highlights

Sistema Tipográfico

Tipografía

Display / Headings — AuLink
SF Pro Display
Sistema nativo Apple. Para web: -apple-system, BlinkMacSystemFont
H1 — 52px / Bold / -0.03em
AuLink
H2 — 36px / Bold / -0.02em
AuLink
H3 — 24px / Semibold
AuLink
Body / UI — Ambas marcas
SF Pro Text
Para cuerpo de texto, navegación, labels, botones y todo el UI funcional.
Body Large — 17px / Regular
Gestión educativa inteligente
Body — 15px / Regular
Software de gestión educativa especializada
Caption — 13px / Medium
Desarrollado por EmoTerraLab
Label — 11px / Semibold / Uppercase
ESTADO ACTIVO
Humanista / Clara — Aura
Manrope
Equilibra la precisión técnica con formas humanistas para un espacio seguro.
H1 — 32px / Bold / -0.02em
Protección
H2 — 24px / SemiBold / -0.01em
Bienestar
Body — 16px / Regular
Entornos educativos armónicos.
Label Caps — 12px / SemiBold
REPORTE

EmoTerraLab — Logotipo Tipográfico

EmoTerraLab

El contraste Bold 800 + Light 300 dentro del mismo logotipo comunica rigor científico y apertura. Nunca separar las dos palabras. Siempre mismo tamaño, mismo color.

Uso de Marca

Logos & Usos

EmoTerraLab — Variantes
EmoTerraLab
EmoTerraLab
AuLink — Variantes
AuLink
AuLink
App icon — 60×60 + 120×120 @2x
border-radius: 27% del tamaño
Aura — Variantes
Aura
Aura
Isotipo / Favicon

🚫 Usos Incorrectos

✕
No cambiar los colores del gradiente
✕
No distorsionar proporciones del logo
✕
No usar sobre fondos de bajo contraste
✕
No añadir sombras o efectos externos

UI Kit

Componentes

Botones

Card de Alumno

M
María González
Aula 3B · 2º Primaria
ACTIVO
24
Sesiones
78%
Progreso
2
Alertas

UI Aura

Badges & Estados

Activo En progreso Pendiente Alerta Completado Inactivo

Inputs & Forms

Comunicación

Voz & Tono

🔬

EmoTerraLab — Corporativa

Tono científico, sobrio y empático. Para inversores, centros educativos, prensa y B2B.

✓Innovación con evidencia científica
✓Lenguaje inclusivo y técnico
✓Datos y resultados concretos
✗Jerga informal o emojis
✗Promesas sin respaldo
🎓

AuLink — Producto

Tono claro, humano y eficiente. Para docentes, coordinadores y familias.

✓Directo y sin ambigüedades
✓Orientado a la acción
✓Empático con el trabajo docente
✗Tecnicismos innecesarios
✗Tono paternalista
🌿

Aura — Prevención

Tono profesional, empático y tranquilizador. Un espacio seguro.

✓Tranquilizador y explicativo
✓Protector y empático
✗Frío y alarmante ("Error")
✗Agresivo ("¿Borrar?")

Relación entre marcas

EmoTerraLab
Empresa madre · startup · marca científica
↗
↘
AuLink
Gestión educativa (Admin)
Aura
Prevención y bienestar (Seguridad)

EmoTerraLab es la marca corporativa. AuLink y Aura son las soluciones especializadas. Ambas comparten la base de simplicidad de Apple (HIG) e inclusión.