Marca aeli.
El concepto es encaje: lo esencial, la idea del cliente, se mantiene; el marco, la plataforma, se adapta a su medida. Esta guía resume cómo se aplica.
- Promesa
- Una idea, cualquier pantalla.
- Personalidad
- Precisa, cálida, segura, sin humo.
- Cuadrícula
- 96 u
Logo y variantes.
Dos esquinas de encuadre opuestas y el punto señal en el centro. El punto nunca cambia de color.
Construcción.
Cuadrícula de 96 u. Brazos de 32 u con grosor de 10 u. Punto de radio 13 u, siempre en el centro. El logotipo usa el mismo trazo de 10 u: anillos, astas rectas y el corte de la «e».
- Cuadrícula
- 96 u
- Brazo
- 32 u
- Grosor
- 10 u
- Punto
- r = 13 u
- Protección
- 20 u
Protección y tamaño mínimo.
Deja 20 u libres alrededor: dos veces el grosor de la esquina. Por debajo del mínimo, el punto deja de leerse.
No
- Girar el símbolo.
- Cambiar el color del punto.
- Sacar el punto del centro en reposo.
- Añadir sombras, degradados o contornos.
- Usar sobre fotografía sin velo oscuro.
Un símbolo responsivo.
En movimiento, las esquinas se separan para encajar cada proporción. El punto permanece en el centro.
Teléfono 9:19.5
Color.
80 % noche y grafito · 15 % hueso · 4 % señal · 1 % hielo. Señal en la acción y en un único capítulo de impacto.
Noche
#0A0A0C · --noche
Fondo principal · hueso 17.39:1
Grafito
#141418 · --grafito
Superficies · hueso 16.15:1
Carbón
#1E1E24 · --carbon
Tarjetas, campos · hueso 14.58:1
Línea
#2C2C34 · --linea
Bordes, retícula · 1.43:1 sobre noche
Niebla
#8D8D98 · --niebla
Secundario ≥ 14 px · 6.02:1 sobre noche
Hueso
#F3F0EA · --hueso
Texto principal · 17.39:1 sobre noche
Señal
#FF5B1F · --senal
Acento único · noche 6.38:1 · hueso 2.73:1 (no)
Hielo
#A8B6FF · --hielo
Datos, estados · 10.17:1 sobre noche
Tipografía.
Bricolage Grotesque para display y texto; JetBrains Mono para medidas, índices y metadatos.
Bricolage Grotesque
Variable · OFL · wght 200–800 · wdth 75–100
JetBrains Mono
390 × 844 — iOS · 01/05 · +0.04em
- --t-mega · 12–22vwaeli
- --t-display · 3.2–8remEn cualquier pantalla.
- --t-h2 · 2.2–4.5remUna idea, seis marcos.
- --t-h3 · 1.4–2remMóvil iOS y Android
- --t-lead · 1.15–1.5remConstruimos la versión que tu operación necesita.
- --t-body · 1–1.125remFrases cortas. Verbos concretos. Evidencia antes que adjetivos.
- --t-mono · 0.75–0.8125rem1920 × 1080 — Smart TV
Espacio y retícula.
Base de 4 px. 12 columnas, gutter de 24 px (16 px en móvil), márgenes de 4vw. Radio 0 por defecto; 999 px solo en botones.
- 4
- 8
- 12
- 16
- 24
- 32
- 48
- 64
- 96
- 128
- 192
Movimiento.
El marco se redimensiona y encaja; el punto nunca se mueve. Con movimiento reducido se muestran los estados finales.
--ease-encaje
cubic-bezier(.7, 0, .2, 1) · escena 900 ms
--ease-out
cubic-bezier(.16, 1, .3, 1) · UI 420 ms
Duraciones
- 160 ms · micro
- 420 ms · UI
- 900 ms · escena
Voz.
Español neutro, tuteo. Frases cortas. Cero jerga vacía.
Sí
- Construimos la versión que tu operación necesita, en la pantalla donde la usan.
- Entregas revisables cada pocas semanas.
- Usamos IA cuando aporta y medimos que funcione.
No
- Somos líderes en soluciones digitales innovadoras de clase mundial.
- Sinergias disruptivas 360.
- Cientos de clientes felices (si no existen, no se dicen).
Descargas.
Archivos SVG originales. No los redibujes ni los edites.
