01 · Punto de partida — la marca existía en PDF. En pantalla, cada equipo la reconstruía de memoria.
Consultora financiera · 2024
Vértice Capital
«La marca se ve bien en el deck y se rompe en producción.»
El reto
Un manual precioso que nadie podía implementar.
Vértice tenía una identidad hecha por un estudio grande y un PDF de 90 páginas. Cada proveedor la interpretaba distinto: cuatro azules en circulación, tres versiones del logotipo y una web que no se parecía a nada del manual.
El enfoque
El manual deja de ser un PDF y pasa a ser un paquete.
Entregamos la identidad como código: variables de diseño versionadas, componentes y un sitio de documentación que se publica solo. Lo que aprueba la dirección y lo que instala el desarrollador salen del mismo archivo.
- Cliente
- Vértice Capital
- Sector
- Consultora financiera
- Servicios
- Identidad + Sistema en código
- Entrega
- 9 semanas
↓ 08 láminas — de lo que estaba roto a lo que salió
02 · Auditoría — juntamos todo lo impreso en un año. Cuatro azules y tres logotipos distintos.
03 · Decisión — una sola marca gráfica, dibujada sobre la retícula que después es el grid del sitio.
04 · Prueba — la revisión se hizo con el equipo que iba a usarlo, no con el que iba a aprobarlo.
«Un manual que no se puede instalar no es un manual: es una intención.»
05 · Bisagra — el punto donde el proyecto dejó de ser diseño y pasó a ser software.
Ruta descartada · v03
06 · Descarte — probamos servir la marca desde un CDN de assets. Se descartó: nadie sabía qué versión tenía instalada.
variables.css · mismo archivo que el manual
:root {
--ink: #000000;
--bone: #E6E6E6;
--chev-span: 192px; /* 8 × calle */
--chev-rise: 96px; /* 4 × calle */
--e-cut: cubic-bezier(.76,0,.24,1);
--t-3: 360ms;
}07 · Entrega — un paquete versionado. Actualizar la marca es subir una versión menor.
En vivo · componente real
Este es el botón que está en producción
[ Ver variables ]
08 · Prueba — el mismo componente que usa su equipo. No es una captura: es el paquete.
Vértice Capital01 / 08Planteo
El resultado
Seis meses después.
- Tiempo de carga
- 0,9 s
- Fuentes de verdad
- 1
- Azules en circulación
- 1
LCP en 4G simulada. Antes: 4,2 s.
Un repositorio para marca, web y presentaciones.
Antes eran cuatro, y ninguno era el del manual.
«Dejamos de discutir cuál era el azul correcto. Ahora se instala con un comando y se acabó la conversación.»
Te respondemos en menos de 48 horas hábiles.