Portfolio / Branding / sidekick

sidekick
move together,
side by side.

Un'agenzia di digital marketing con sede a Berlino voleva un'identità che sembrasse l'operatore in cuffia accanto a Lei — non l'ennesima consulenza di crescita con gradienti pastello. Abbiamo costruito il sistema attorno a un monogramma a visiera e griglia, una palette notturna blu elettrico e una voce che si legge come il briefing di un copilota: breve, direzionale, sicura. Il risultato è un brand che sembra software, parla come un compagno di squadra e scala da un'icona app da 24 pixel a un banner fieristico da quattro metri senza perdere carattere.

Cliente Sidekick Studio
Ambito Identità, cartoleria, abbigliamento, web, social
Anno 2024
Durata 4 settimane
Sidekick wordmark set against a deep-blue liquid-gradient field
(01) Il marchio

La visiera di un copilota. Costruita su una griglia quadrata.

Il monogramma è un glifo a visiera sovrapposta — due trapezi a gradini derivati da una griglia modulare 5×8 che richiama gli occhiali da aviatore, le cuffie da esports e l'HUD arcade degli anni ottanta, tutto in una volta. Ogni angolo del marchio è un taglio a 45° o 90° su quella griglia, così la forma può essere ridisegnata con un righello da chiunque in studio senza perdere equity. Quella disciplina geometrica svolge due compiti contemporaneamente: chiusura gestaltica (le due forme si leggono come un unico volto, non due barre) e shorthand semiotico per "utilizzatore di strumenti" — gli occhiali segnalano un pilota, un sub, un gamer, chiunque indossi un'attrezzatura per andare oltre. Sidekick non è l'eroe; Sidekick è l'equipaggiamento che l'eroe indossa.

Sidekick primary logomark — stacked-visor monogram on a 5x8 modular grid
App icon and social profile card — mark on device and in feed
Business cards — electric blue over matte black grid
Lanyard ID and team t-shirt — apparel application
Cap and office signage — exterior and merch applications
Move together, side by side. — Voce · una riga
(02) Colore

Un blu in dark mode, calibrato per uno schermo.

Il digital marketing vive su uno schermo — quindi la palette è costruita per quello. Midnight Navy #061033 si posiziona alla base dello stack come sfondo del "cockpit operatore"; si legge come professionale, ingegnerizzato, non-l'ennesimo-viola-SaaS. Sopra di esso, Sidekick Blue #0033D6 fa il lavoro principale — un blu classico di fiducia e affidabilità, la stessa banda cromatica che la ricerca UI associa a precisione e attendibilità. Il più luminoso Electric Blue #2F78FF è riservato per i CTA e i momenti di evidenza, perché supera il contrasto del livello base di oltre 4:1 — il che significa che un bottone letteralmente brilla sul navy. Sky #6FA8FF gestisce gradienti e data-viz. Il bianco fa il resto. Nessun accento secondario, nessun tono caldo, nessuna via d'uscita — la misura è il punto.

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

Un sans ingegnerizzato. Un geometrico per la UI.

Il carattere display è Space Grotesk — un sans tecnico con apertura stretta e controformé tagliate nette che si legge come ponderato, ingegnerizzato, leggermente fuori da questo mondo. Abbinato a uno stack Poppins per il corpo testo e le etichette d'interfaccia, il sistema ottiene una deliberata inversione del classico serif-per-emozione / sans-per-fatti: il carattere display è già l'emozione (controllo, precisione, quota), così il sans del corpo può fare puro lavoro informativo. Gli angoli trapezoidali del monogramma ricompaiono nella k e nella d di Space Grotesk — una rima gestaltica tra marchio e parola che lega il logotipo al sistema senza un singolo ornamento 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 · —
Move together, side by side. Un'agenzia digitale full-service per brand che rifiutano di fare le cose in piccolo.
Regular 400Medium 500SemiBold 600Bold 700
Utilizzo · Wordmark, H1, Display Tracking · -35 Casing · Minuscolo
UI & Corpo — Poppins
move.
together.
A B C · a b c · 0 1 2 · → ↘ ↑ ← ◆ ■ ●
Paid, organic, lifecycle, content. Un team, un cockpit operativo, una sincronizzazione settimanale.
Light 300Regular 400SemiBold 600Bold 700
Utilizzo · Corpo, UI, Didascalie Tracking · 0 Casing · Maiuscola iniziale
Pitch deck · 01 — Il briefing dell'operatore

La strada giusta — con l'attrezzatura per arrivarci davvero.

Il lockup scala da un'icona app da 24 px a un banner fieristico da 4 m. Electric Blue gestisce i CTA, Midnight Navy gestisce il cockpit, e il marchio a visiera rimane nitido a ogni scala perché è disegnato su una griglia — non calco. Il brand non urla. La informa, poi si fa da parte.

sk. sidekick · Berlino, Germania
(04) Processo

Quattro settimane. Una definizione voce alla fine.

Le agenzie si rebranding a vicenda in continuazione — quindi metà del rischio è ego, non mestiere. Abbiamo gestito lock settimanali stretti, tenuto il marchio su una griglia dal primo giorno e chiuso con un workshop voce-e-tono affinché i testi suonino come Sidekick anche quando non siamo in sala.

01 · Settimana 1

Audit

Analizzati 30 siti di agenzie concorrenti — Berlino, Londra, Lisbona, New York. Risultato: il 78% ricorreva a gradienti pastello, serif morbidi e la parola "impact". La corsia libera era tecnico, voce-operatore, dark mode.

02 · Settimana 2

Marchio & griglia

Testate tre direzioni: arrow-sidekick (lockup a chevron), goggles-monogram (visiera sovrapposta) e bracket-system ([s]). Gli occhiali hanno vinto per scalabilità e per la metafora dell'"attrezzatura dell'eroe".

03 · Settimana 3

Sistema

Palette definita, coppia Space Grotesk + Poppins testata a 12 px UI e 240 pt display. Cartoleria, template deck, fattura, lanyards e abbigliamento impaginati su un'unica griglia modulare.

04 · Settimana 4

Lancio

Documento di brand guidelines, lancio Instagram con dieci slide, story kit, un keyframe sito web, packaging e un one-pager voce-e-tono. Consegna completa entro il quarto venerdì.

(05) Carousel di lancio

Dieci frame per presentare l'operatore.

Il pezzo di lancio è un carousel Instagram di dieci slide che accompagna il lettore da crafting stories a rewriting your narrative. Ogni frame condivide il marchio a visiera come badge angolare e una sottile "linea cockpit" verticale nel margine, così i post si leggono come un unico HUD — l'agenzia, risolta in uno scroll lungo un pollice.

(06) Nel mondo reale

Cartoleria, abbigliamento, web, segnaletica.

Lo stesso sistema a visiera e griglia percorre dall'insegna dell'ufficio in vetro illuminato a una fattura cartacea senza perdere equity. Ogni punto di contatto qui sotto si appoggia alla stessa griglia modulare, allo stesso Midnight Navy di base, allo stesso lockup Space Grotesk — così il brand si legge come un unico operatore che Lo incontri in una presentazione, a uno stand fieristico o nell'icona app sul secondo schermo.

Kit cancelleria — fattura, busta, biglietti da visita, taccuino Cartoleria — un'unica griglia
Packaging — scatole spedizione brandizzate Packaging — pacco
Keyframe sito — cockpit scuro Sidekick Web — cockpit scuro
Stories su telefono — kit di cinque schermate Stories — kit di cinque
Feed Instagram — carousel di lancio e griglia profilo Social — griglia feed
Abbigliamento e badge — laccetto e t-shirt del team Abbigliamento — team kit
Case successivo → Bakespot — from the oven to your heart

Serve un brand
come questo?

Ci dica in una riga cosa sta costruendo. Ambito e tempistica entro 48 ore.