Portafolio / Branding / sidekick

sidekick
avanzar juntos,
lado a lado.

Una agencia de marketing digital con sede en Berlín quería una identidad que se sintiera como el operador con auriculares al lado del cliente — no como otra consultora de crecimiento con degradados pastel. Construimos el sistema alrededor de un monograma de gafas y cuadrícula, una paleta nocturna azul eléctrico, y una voz que se lee como el briefing de un copiloto: breve, directa, segura. El resultado es una marca que parece software, suena como un compañero de equipo, y escala desde un ícono de app de 24 píxeles hasta un banner de feria de cuatro metros sin perder impacto.

Cliente Sidekick Studio
Alcance Identidad, papelería, indumentaria, web, redes sociales
Año 2024
Plazo 4 semanas
Wordmark de Sidekick sobre un campo de degradado líquido azul profundo
(01) El símbolo

La visera de un copiloto. Construida sobre una cuadrícula cuadrada.

El monograma es un glifo de visera apilada — dos trapecios escalonados derivados de una cuadrícula modular de 5×8 que remite a unas gafas de aviador, un auricular de esports y un HUD de arcade clásico al mismo tiempo. Cada ángulo del símbolo es un corte de 45° o 90° sobre esa cuadrícula, así que la forma puede redibujarse con una regla por cualquier persona del estudio sin perder coherencia. Esa disciplina geométrica cumple dos funciones a la vez: cierre gestáltico (las dos formas se leen como un solo rostro en lugar de dos barras) y código semiótico de "usuario de herramientas" — las gafas señalan a un piloto, un buzo, un gamer, cualquiera que se equipa para ir más lejos. Sidekick no es el héroe; Sidekick es el equipo que lleva puesto el héroe.

Logotipo principal de Sidekick — monograma de visera apilada sobre una cuadrícula modular de 5x8
Ícono de app y tarjeta de perfil social — símbolo en dispositivo y en feed
Tarjetas de presentación — azul eléctrico sobre cuadrícula negra mate
Credencial y camiseta del equipo — aplicación en indumentaria
Gorra y señalización de oficina — aplicaciones en exterior y merchandising
Avanzar juntos, lado a lado. — Voz · una línea
(02) Color

Un azul en modo nocturno, afinado para una pantalla.

El marketing digital vive en una pantalla — así que la paleta está construida para una. Midnight Navy #061033 ocupa la base del sistema como fondo de "cabina del operador"; se lee como profesional, ingeniería, no-otro-morado-SaaS. Sobre él, Sidekick Blue #0033D6 hace el trabajo principal — un azul clásico de confianza y seguridad, la misma banda de matiz que la investigación de interfaces asocia con fiabilidad y precisión. El más brillante Electric Blue #2F78FF se reserva para CTAs y momentos de énfasis, porque supera en contraste a la capa base en más de 4:1 — lo que significa que un botón literalmente brilla sobre el azul marino. Sky #6FA8FF gestiona degradados y visualización de datos. El blanco hace el resto. Sin acentos secundarios, sin tonos cálidos, sin salidas fáciles — la contención es el punto.

Midnight Navy #061033
Sidekick Blue #0033D6
Electric Blue #2F78FF
Sky #6FA8FF
Paper #FFFFFF
(03) Tipografía

Una sans de ingeniería. Una geométrica para UI.

La fuente de display es Space Grotesk — una sans técnica con apertura estrecha y contraformas muy recortadas que se lee como considerada, de ingeniería, levemente futurista. Combinada con una familia Poppins para el cuerpo de texto y las etiquetas de interfaz, el sistema logra una división deliberada serif-para-emoción / sans-para-datos invertida: la fuente de display ya es la emoción (control, precisión, altura), así que la sans del cuerpo puede hacer trabajo puramente informativo. Los ángulos trapezoidales del monograma reaparecen dentro de la k y la d de Space Grotesk — una rima gestáltica entre símbolo y palabra que une el logotipo al sistema sin ningún adorno extra.

Display — Space Grotesk
sidekick
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 · —
Avanzar juntos, lado a lado. Una agencia de servicio completo para marcas que se niegan a pensar en pequeño.
Regular 400Medium 500SemiBold 600Bold 700
Uso · Wordmark, H1, Display Tracking · -35 Caja · Minúsculas
UI & Cuerpo — Poppins
move.
together.
A B C · a b c · 0 1 2 · → ↘ ↑ ← ◆ ■ ●
Pago, orgánico, ciclo de vida, contenido. Un equipo, una cabina de operador, una sincronización semanal.
Light 300Regular 400SemiBold 600Bold 700
Uso · Cuerpo, UI, Leyendas Tracking · 0 Caja · Oración
Pitch deck · 01 — El briefing del operador

Guiándote hacia el camino correcto — con el equipo para llegar de verdad.

El conjunto escala desde un ícono de app de 24 px hasta un banner de feria de 4 m. Electric Blue hace el CTA, Midnight Navy hace la cabina, y el símbolo de gafas se mantiene nítido a cualquier escala porque está dibujado sobre una cuadrícula — no trazado. La marca no grita. Te hace el briefing y luego se aparta.

sk. sidekick · Berlin, Germany
(04) Proceso

Cuatro semanas. Un cierre de voz al final.

Las agencias hacen rebranding de agencias todo el tiempo — así que la mitad del riesgo es el ego, no el oficio. Ejecutamos cierres semanales ajustados, mantuvimos el símbolo sobre una cuadrícula desde el primer día, y terminamos con un taller de voz y tono para que el copy suene a Sidekick incluso cuando no estamos en la sala.

01 · Semana 1

Auditoría

Revisamos 30 sitios de agencias competidoras — Berlin, Londres, Lisboa, Nueva York. Conclusión: el 78% recurrió a degradados pastel, serifs suaves y la palabra "impacto". El carril libre era técnico, de voz operativa, modo nocturno.

02 · Semana 2

Símbolo y cuadrícula

Probamos tres direcciones: flecha-sidekick (conjunto de chevron), monograma-gafas (visera apilada) y sistema-corchete ([s]). Las gafas ganaron por escalabilidad y la metáfora del "equipo para el héroe".

03 · Semana 3

Sistema

Paleta cerrada, pareja Space Grotesk + Poppins probada a 12 px de UI y 240 pt de display. Papelería, plantillas de deck, factura, credenciales e indumentaria trazadas sobre una sola cuadrícula modular.

04 · Semana 4

Entrega

Documento de guía de marca, carrusel de lanzamiento de Instagram de diez slides, kit de historias, un keyframe del sitio web, packaging y un resumen de voz y tono en una página. Entrega completa antes del cuarto viernes.

(05) Carrusel de lanzamiento

Diez frames para presentar al operador.

La pieza de lanzamiento es un carrusel de Instagram de diez slides que lleva al lector desde crear historias hasta reescribir su narrativa. Cada frame comparte el símbolo de gafas como bug de esquina y una fina "línea de cabina" vertical en el margen, para que los posts se lean como un solo HUD — la agencia, resuelta en un scroll de un pulgar.

(06) En el mundo real

Papelería, indumentaria, web, señalización.

El mismo sistema de gafas y cuadrícula va desde una factura en papel hasta un cartel de vidrio iluminado en oficina sin perder coherencia. Cada punto de contacto a continuación se apoya en la misma cuadrícula modular, la misma base Midnight Navy, el mismo conjunto Space Grotesk — para que la marca se lea como un solo operador tanto si se encuentra en un pitch deck, en un stand de feria, o en el ícono de app en la segunda pantalla.

Suite de papelería — factura, sobre, tarjetas, libreta Papelería — una cuadrícula
Packaging — cajas de envío con marca Packaging — envío
Keyframe del sitio web — donde el diseño encuentra la innovación Web — cabina oscura
Historias para móvil — kit de cinco pantallas Historias — kit de cinco
Feed de Instagram — carrusel de lanzamiento y cuadrícula de feed Social — cuadrícula de feed
Indumentaria e ID — credencial y camiseta del equipo Indumentaria — kit de equipo
Siguiente caso → Bakespot — del horno a tu corazón

¿Necesita una marca
así?

Cuéntenos en una frase qué está construyendo. Alcance y plazos en 48 horas.