Portfolio / Branding / sidekick

sidekick
move together,
side by side.

A Berlin-based digital marketing agency wanted an identity that felt like the operator in the headset next to you — not another pastel-gradient growth consultancy. We built the system around a goggles-and-grid monogram, an electric-blue night palette, and a voice that reads like a co-pilot briefing: short, directional, confident. The result is a brand that looks like software, sounds like a teammate, and scales from a 24-pixel app icon to a four-metre trade-show banner without softening.

Client Sidekick Studio
Scope Identity, stationery, apparel, web, social
Year 2024
Timeline 4 weeks
Sidekick wordmark set against a deep-blue liquid-gradient field
(01) The mark

A co-pilot's visor. Built on a square grid.

The monogram is a stacked-visor glyph — two stepped trapezoids derived from a 5×8 modular grid that riffs on aviator goggles, an esports headset, and an old-school arcade HUD all at once. Every angle in the mark is a 45° or 90° cut on that grid, so the form can be redrawn with a ruler by anyone in the studio without losing equity. That geometric discipline is doing two jobs at once: gestalt closure (the two shapes read as one face instead of two bars) and semiotic shorthand for "tool-user" — the goggles signal a pilot, a diver, a gamer, anyone who straps on gear to go further. Sidekick isn't the hero; Sidekick is the gear the hero wears.

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. — Voice · one line
(02) Color

A night-mode blue, tuned to a screen.

Digital marketing lives on a screen — so the palette is built for one. Midnight Navy #061033 sits at the bottom of the stack as the "operator cockpit" background; it reads as professional, engineered, not-another-SaaS-purple. On top of it, Sidekick Blue #0033D6 does the primary heavy lifting — a classic confidence-and-trust blue, the same hue band that UI research associates with reliability and precision. The brighter Electric Blue #2F78FF is reserved for CTAs and highlight moments, because it out-contrasts the base layer by over 4:1 — meaning a button literally glows against the navy. Sky #6FA8FF handles gradients and data-viz. White does the rest. No secondary accents, no warm tones, no escape hatches — the restraint is the point.

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

One engineered sans. One geometric for UI.

The display face is Space Grotesk — a technical sans with a narrow aperture and tightly-cut counters that reads as considered, engineered, slightly off-world. Paired with a Poppins UI stack for body copy and interface labels, the system achieves a deliberate serif-for-feeling / sans-for-facts split inverted: the display face is already the feeling (control, precision, altitude), so the body sans can do pure information work. The monogram's trapezoid angles reappear inside the Space Grotesk k and d — a gestalt rhyme between mark and word that ties the logotype to the system without a single extra flourish.

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. A full-service digital agency for brands that refuse to ship small.
Regular 400Medium 500SemiBold 600Bold 700
Usage · Wordmark, H1, Display Tracking · -35 Case · Lowercase
UI & Body — Poppins
move.
together.
A B C · a b c · 0 1 2 · → ↘ ↑ ← ◆ ■ ●
Paid, organic, lifecycle, content. One team, one operator cockpit, one weekly sync.
Light 300Regular 400SemiBold 600Bold 700
Usage · Body, UI, Captions Tracking · 0 Case · Sentence
Pitch deck · 01 — The operator's brief

Guiding you to the right path — with the gear to actually get there.

The lockup locks from a 24 px app icon to a 4 m trade-show banner. Electric Blue does the CTA, Midnight Navy does the cockpit, and the goggle mark stays sharp at every scale because it's drawn on a grid — not traced. The brand doesn't shout. It briefs you, then gets out of the way.

sk. sidekick · Berlin, Germany
(04) Process

Four weeks. One voice lock at the end.

Agencies rebrand agencies all the time — so half the risk is ego, not craft. We ran tight weekly locks, kept the mark on a grid from day one, and finished with a voice-and-tone workshop so the copy sounds like Sidekick even when we're not in the room.

01 · Week 1

Audit

Pulled 30 competing agency sites — Berlin, London, Lisbon, New York. Finding: 78% defaulted to pastel gradients, soft serifs, and the word "impact". The open lane was technical, operator-voiced, night-mode.

02 · Week 2

Mark & grid

Tested three directions: arrow-sidekick (chevron lockup), goggles-monogram (stacked visor), and bracket-system ([s]). Goggles won on scalability and the "gear for the hero" metaphor.

03 · Week 3

System

Palette locked, Space Grotesk + Poppins pair tested at 12 px UI and 240 pt display. Stationery, deck templates, invoice, lanyards and apparel laid out on one modular grid.

04 · Week 4

Ship

Guidelines doc, ten-slide Instagram launch, story kit, a website keyframe, packaging, and a voice-and-tone one-pager. Full handoff inside the fourth Friday.

(05) Launch carousel

Ten frames to introduce the operator.

The launch piece is a ten-slide Instagram carousel that walks a reader from crafting stories to rewriting your narrative. Each frame shares the goggle mark as a corner bug and a thin vertical "cockpit line" down the gutter, so the posts read as one HUD — the agency, resolved in a thumb-length scroll.

(06) In the wild

Stationery, apparel, web, signage.

The same goggles-and-grid system walks from a paper invoice to a lit-glass office sign without losing equity. Every touchpoint below leans on the same modular grid, the same Midnight Navy base, the same Space Grotesk lockup — so the brand reads as one operator whether you meet it in a pitch deck, a trade-show booth, or the app icon on your second screen.

Stationery suite — invoice, envelope, cards, notebook Stationery — one grid
Packaging — branded parcel boxes Packaging — parcel
Website keyframe — where design meets innovation Web — dark cockpit
Phone stories — five-screen story kit Stories — kit of five
Instagram feed — launch carousel and feed grid Social — feed grid
Apparel and ID — lanyard and team t-shirt Apparel — team kit
Next case → Bakespot — from the oven to your heart

Need a brand
like this?

Send a sentence about what you're building. Scope and timeline back in 48 hours.