Leitmotiv Brandbook · v3.0
ES · CA · EN
Brandbook · Barcelona edition · 05 · 2026

Leitmotiv.
Content

A boutique production company and content agency for media, brands and voices with something to say. This document gathers the visual, verbal and editorial identity behind every piece we sign.

ClientLeitmotiv Content
FounderPipo Serrano
Version2.0 — 05 · 2026
DocumentBrand Identity Guidelines
00Philosophy

A brand is written, not just designed.

Leitmotiv Content was born from a journalistic conviction: the best stories aren't invented, they're discovered. This guide is the score — we play it until it sounds natural.

Editorial
We think like a newsroom. Every piece has a thesis, angles and a closing. No message is filler.
Boutique
Few clients, full attention. Volume is a strategic choice, not a limitation.
Authorship
Our own byline. We work with those who understand voice as an asset, not decoration.
Perpetual beta
Formats change; the essence doesn't. We iterate without losing rigor.
Main claim

Where ideas · become stories.

Used in English by default. The brand claim is not localized.

Alternative claims
  • Shaping stories that resonate.
  • Crafting stories with meaning.
  • Stories built to connect.
  • In a perpetual beta.
02Color

A restrained palette.

Two colors with a job — authoritative navy, emotional red — and a neutral scale that holds the system together. Nothing else. Chromatic restraint is part of the brand.

HEX#111122
RGB17 · 17 · 34
CMYK100 · 95 · 50 · 70
Pantone2766 C
OKLCH0.16 · 0.04 · 280
RoleStructure · text
Accent · 8%
Signal Red
HEX#C92438
RGB201 · 36 · 56
CMYK15 · 100 · 85 · 5
Pantone186 C
OKLCH0.52 · 0.20 · 25
RoleSignature · point accent
Support · 28%
Manuscript Paper
HEX#FAF9F6
RGB250 · 249 · 246
CMYK2 · 1 · 3 · 0
Pantone11-0602 TPX
OKLCH0.98 · 0.005 · 90
RoleBackground · editorial body
Auxiliary · 4%
Editor's Ink
HEX#14141C
RGB20 · 20 · 28
CMYK85 · 80 · 60 · 80
PantoneBlack 6 C
OKLCH0.15 · 0.01 · 280
RoleLong-form text · print
Neutral scale
Gray 50
#F8F8F9
Gray 100
#F1F1F3
Gray 200
#E4E4E8
Gray 300
#C8C8CF
Gray 500
#8A8A95
Gray 700
#4A4A55
Gray 900
#1F1F2A
Proportion rule · 60 / 28 / 8 / 4
60% Navy
28% Paper
8% Red
4% Ink

Red never dominates. It's punctum, not ground. If a composition asks for more than 10% red, the solution probably isn't color.

03Typography

Two voices, one system.

An editorial serif that signs the brand. A neutral sans that carries the rest. Neither competes with the content — both respect it.

Typeface 01 Logo + Display

Playfair Display

Designer · Claus Eggers Sørensen · 2011

Modern transitional/Didone serif rooted in 18th-century print typefaces. Matches the logo's typeface. Use for headlines, claims, display numbers and brand signature.

→ fonts.google.com/Playfair+Display
Weights 400 · 600 · 700 · 900 Italic yes Cost Free · OFL

AaBbCc

Where ideas become stories.

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 — & / · ¶ §

Typeface 02 Body + UI

Inter

Designer · Rasmus Andersson · 2016

Neo-grotesque sans optimized for screens. Neutral and highly readable — the canvas that lets the logo's serif and the headlines shine without competition. Use for body text, UI, decks and everything digital.

→ fonts.google.com/Inter
Weights 300 · 400 · 500 · 600 · 700 Italic yes Cost Free · OFL

AaBbCc

We produce editorial content and audiovisual formats for media and brands that treat voice as a strategic asset.

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 — & / · @ #

Typeface 03 Accents · meta

JetBrains Mono

Designer · Philipp Nurullin · 2020

A technical monospace for tags, credits, metadata, chapter numbering and "tech sheet" elements. Lends a journalistic/editorial air without adding more typefaces.

→ fonts.google.com/JetBrains+Mono

— EPISODE 03 / RUNTIME 24:18

PRODUCTION · LEITMOTIV CONTENT
DIRECTION · PIPO SERRANO
FORMAT · LONG-READ + AUDIO
DATE · APRIL 2026

03.A · Type scale · web & documents
Display
Playfair · 700
96 / 92 / -2.5
Display
H1
Playfair · 600
56 / 1.05 / -2
Main headline
H2
Playfair · 600
40 / 1.1 / -1.5
Section
H3
Inter · 600
24 / 1.3 / -0.5
Subsection
Lede
Cormorant · 300
22 / 1.5 / 0
Editorial standfirst — the breath after the headline.
Body
Inter · 400
16 / 1.65 / 0
Main body text — for articles, proposals, web and long-form decks.
Caption
Inter · 500
13 / 1.5 / 0
Photo captions, pull quotes and footnotes.
Meta
JetBrains · 400
11 / 1.5 / 0.18
Metadata · tags · credits
04Voice

We speak the way we edit.

Short sentence, concrete idea, active verb. Elegance follows from clarity — never excuses it.

Precise
Every word answers a decision. If it's surplus, cut it.
Unhurried
No commercial urgency. We trust the reader has time.
Cultured, not aloof
References, yes. Snobbery, no. If it needs explaining, it comes with the explanation.
Journalistic
Thesis, context, facts, closing. Classical structure as signature.
— Yes. This is how Leitmotiv sounds
"We produce content for those who treat voice as an asset. We work with few and commit to all."
— No. This isn't us
"We're the 360° agency that boosts your brand with viral, omnichannel, data-driven content to reach your target!"
— Yes
"A well-built story doesn't expire. We build them."
— No
"We craft stories that emotionally connect with your audience and drive engagement."
Brand lexicon

story · craft · thesis · angle · narrative · byline · newsroom · long-form · editing · trust · pace · format

Lexicon to avoid

viral · disruptive · 360° · engagement · target audience · awareness · synergy · ecosystem · funnel · data-driven · growth-hack · ROI-driven · scale

Mechanical rules

Red dot when it's a signature. Curly quotes ("") in English. Numbers up to nine, spelled out. No decorative capitals. Always end on a period.

05Visual system

Marks, signs, breaths.

Restrained iconography and a handful of graphic gestures. Thin strokes, rounded terminals, editorial spirit.

05.A · Iconography · 1.4px · stroke · 24×24
Text
Video
Editorial
Digital
Strategy
Growth
Connection
Formats
Case
Long-read
Voice
Iteration
05.B · System graphic gestures
— EYEBROW
Line + editorial label
"
Quotes with editorial quotemark
01
Chapter
numbering
Editorial mark
L.
— footer
06Applications

The system, in use.

How the brand looks once it leaves the manual: social, stationery, decks, web. Same rules, different contexts.

06.A · Social media · live configurator

Adjust the text and mode below. The five platforms — LinkedIn, X, Instagram, TikTok and YouTube — update simultaneously. Each block notes the real dimensions required by the platform and the asset they belong to.

Your data · updates live

01 · LinkedIn

Personal profile / company page

Cover 1584×396 · Avatar 400×400
Boutique content studio · Madrid
Leitmotiv — leitmotivcontent.com
Leitmotiv Content
leitmotivcontent · Barcelona
— Boutique content studio · in a perpetual beta.
Cover1584 × 396 px Avatar400 × 400 px · circular FormatPNG / JPG · sRGB Safe zoneAvatar bottom-left
02 · X (Twitter)

Header + profile card

Header 1500×500 · Avatar 400×400
Leitmotiv @leitmotivcontent
Leitmotiv Content
@leitmotivcontent
Header1500 × 500 px Avatar400 × 400 px · circular Bio160 characters max Heads-upHeader center is covered by avatar/UI
03 · Instagram

Avatar + feed grid

Avatar 320×320 · Post 1080×1080
Leitmotiv Content
@leitmotivcontent
— Pipo Serrano04 · 26
"A well-built story doesn't expire."
— Manifesto03 · 26
"Voice is an asset, not a message."
— Editorial02 · 26
In a perpetual
beta.
— manifesto01 · 26
"Few clients. Full attention."
— Philosophy12 · 25
"Short sentence. Concrete idea."
— Tone11 · 25
Avatar320 × 320 px · circular Feed post1080 × 1080 px Stories / Reels1080 × 1920 px Bio150 characters max
04 · TikTok

Profile + video covers

Avatar 200×200 · Cover 1080×1920 (9:16)
@leitmotivcontent
Leitmotiv Content
02 Following 1.2K Followers 8.4K Likes
— EPISODE 03
"A brand's voice is an asset."
24:18 · audio
— LONG-READ
"Thesis, context, facts, closing."
8 min · text
— MANIFESTO
In a perpetual
beta.
00:48 · video
— CRAFT
"A story doesn't expire."
01:24 · video
Avatar200 × 200 px · minimum Video cover1080 × 1920 px (9:16) Bio80 characters max Cover textavoid UI margins (top/bottom 220px)
05 · YouTube

Channel banner + card

Banner 2560×1440 · Safe area 1546×423 · Avatar 800×800
— leitmotivcontent.com
Leitmotiv Content
@leitmotivcontent · 1.2K subs
Suscribirse
Banner2560 × 1440 px TV safe area1546 × 423 px (center) Avatar / logo800 × 800 px Thumbnail1280 × 720 px
06.B · Business card · 85×55 mm
Pipo Serrano
Founder · Editorial Director
L
pipo@leitmotivcontent.com+34 6XX · XXX · XXX
Card · frontoffset · paper
L
Where ideas ·
become stories.
leitmotivcontent.com
Card · backoffset · navy
06.C · Stationery · A4 in different formats + email signature

Four A4 templates covering the most frequent editorial uses — client proposal, short letter, editorial note with pull quote, and invoice/services order — plus the embeddable HTML email signature.

Leitmotiv
Calle Editor 12 · Barcelona
hello@leitmotivcontent.com
leitmotivcontent.com
— PROPOSAL · 04/2026

Dear team,

Following our conversation, please find attached a proposed editorial approach to the project. We've identified three possible angles worth discussing before committing to a format.

Each angle carries an implicit decision about tone, length and channel. None is final — they're starting points.

We look forward to your comments.

Pipo Serrano
Founder · Editorial Director

Leitmotiv Content S.L.Page 1 / 1
A4 · Client proposalword · template
LeitmotivContent
Barcelona · 12 April 2026
— LETTER · CONFIDENTIAL

Dear Marta,

Thank you for last week's time. The conversation left us with one clear idea: the format you're after doesn't exist yet. That's exactly what interests us.

In the coming days we'll send an initial sketch — short, enough to decide whether to continue. No commitment.

Best,
Pipo

L. · in a perpetual beta
A4 · Short letterword · template
Leitmotiv
EDITORIAL NOTE · 03
April · 2026
Internal distribution
— CRAFT REFLECTION

On the time
stories deserve.

"Una historia bien construida no caduca. La construimos."

Urgency is the enemy of craft. When a newsroom runs on the client's calendar instead of the reader's, what's lost isn't speed — it's trust.

— Pipo Serrano

Leitmotiv Content S.L.Note 03 · page 1 / 1
A4 · Editorial noteinternal · pdf
Leitmotiv
Leitmotiv Content S.L. · B-12345678
Invoice 2026 · 014
12 / 04 / 2026
— SERVICES RENDERED
Item Amount
Editorial long-read · Ch. 03 2.400,00 €
Podcast production · 4 episodes 3.800,00 €
Editorial direction · April 1.600,00 €
Total 7.800,00 €.
IBAN ES00 0000 0000 0000 0000 0000Page 1 / 1
A4 · Invoice / orderaccounting
Email signature · HTMLgmail · outlook

Need another format?

Envelopes, folders, labels, custom-letterhead sheets, project decks in book format… write to us.

↗ Signature configurator
Other formatson request
06.D · Presentation template · 16:9
  EDITORIAL PROPOSAL04 / 2026
A well-built story doesn't expire.
We build them.
Leitmotiv01 / 24
Slide · cover lightkeynote · ppt
  CHAPTER 03EDITORIAL
Format
conceptualization.
Leitmotiv09 / 24
Slide · section darkkeynote · ppt
06.E · Web · applications

Three pieces that define the digital presence: the homepage layout as a quick reference, the full site with six navigable sections, and the editorial holding page for pre-launch stages.

leitmotivcontent.com
Leitmotiv.
— Boutique content studio
Where ideas
become stories.

We produce editorial content and audiovisual formats for media and brands with their own voice.

— scroll01 · Barcelona · 2026
06.E.1 · Homepage · above the folddesktop · 1440 · static layout
06.E.2 · Full site · navigable6 sections · editorial slider · responsive
06.E.3 · Cover · holdingeditorial "coming soon" · pre-launch
07Photography

Images that respect silence.

Unhurried composition, natural light, generous framing. We look for the image that doesn't shout — the one that holds when the reader lingers a few seconds.

Author portrait — side light, black and white
01 · Editorial portraits
Set / making-of
02 · Production
Craft detail
03 · Details
Natural light
Soft side-light, golden hour or indirect light preferred. Avoid hard flash and digital over-saturation.
Generous framing
Plenty of negative space. The image must coexist with a Playfair headline over it without fighting.
Restrained color
Unhurried palettes: earth tones, navies, warm whites. Brand red only appears as a point accent or subtle post-production touch.

A filter of our own.

Before a preset, a way of looking. Six coherent treatments for any image in the feed — from a quick BTS shot to a project cover. What ties them together: film grain, contained colour, and the red dot, always.

LMC02605·26BCNPODCAST
01 · Silence Base · 80%
FPS 25ISO 8005600K
LMC080HISPANO SUIZA
02 · Penumbra Cinematic · ≤30%
Sound is written before it is recorded. Notebook · ep. 02
03 · Paper Print editorial

We work with few, and we commit to every one.

Pipo Serrano
04 · Quote Text over image
Leitmotiv — Hispano Suiza · MWC 26
05 · Duotone Covers & outros
LMC08020:55:03CAM3
06 · Studio BTS · stories
— A · GRAIN
Film, not Instagram
— B · LOW SATURATION
Colour held, never killed
— C · SIGNATURE
The red dot, always
Yes — aesthetic references

Saul Leiter · Annie Leibovitz for The New Yorker · Magnum Photos · Roger Deakins's cinematography

No — what we avoid

Generic stock photography · front-facing smiles · saturated gradients · posed groups · performative "diversity" · post-it-covered desks

08 / DownloadsReady-to-use resources

The whole system, in your hands.

Logos in transparent PNG, editable presentation templates and brand applications ready to download. If you need a specific format, write to us.

Full package

Full brandbook

Self-contained HTML document — works offline, no external dependencies.

Printable version

Brandbook as PDF

For printing or sharing by email. Use ⌘/Ctrl + P → "Save as PDF". Works when the file is opened locally by double-click — not inside a preview iframe.

Brand kit

Logos · all versions

4 PNG files with transparent background — logo and lockup, in navy and white.

01 · Right-click
Direct download

Click "↓ Download" or right-click any element → "Save link as…".

02 · Transparent PNG
Ready to use

All PNG logos come with a transparent background. Thumbnails use a checkerboard just to show that.

03 · Need another format?
SVG, EPS, AI

For professional or large-format printing, write to hola@leitmotivcontent.com.

Logos · transparent PNG

01.A — 01.B
Logo navy
Logo / Navy Positive · for use on light backgrounds
PNG · 2101×648↓ Download
Logo blanco
Logo / White Negative · for use on dark backgrounds
PNG · 2101×648↓ Download
Lockup Content navy
Lockup + Content / Navy Full version with descriptor
PNG · transparent↓ Download
Lockup Content blanco
Lockup + Content / White Full version, dark background
PNG · transparent↓ Download

Templates · presentation

06.A — Editable
Where ideas
become stories.
Template · Spanish Editable PowerPoint · 16:9
PPTX · ES↓ Download
Where ideas
become stories.
Template · English Editable PowerPoint · 16:9
PPTX · EN↓ Download
On les idées
esdevenen relats.
Template · Catalan Editable PowerPoint · 16:9
PPTX · CA↓ Download

Applications · preview

06.B — Live mockups
LinkedIn Header · Light1584 × 396 px
HTML · live↗ Open
LinkedIn Header · Dark1584 × 396 px
HTML · live↗ Open
Tarjeta · anverso85 × 55 mm · imprenta
HTML · live↗ Open
Tarjeta · reverso85 × 55 mm · imprenta
HTML · live↗ Open
Firma de emailHTML embebible · clientes mail
HTML · live↗ Open
Papelería · A4210 × 297 mm
HTML · live↗ Open
Instagram · cita1080 × 1080 px
HTML · live↗ Open
Instagram · manifiesto1080 × 1080 px
HTML · live↗ Open
Web · homepageLayout · referencia
HTML · live↗ Open
Web · full siteNavigable mockup · 6 sections
HTML · live↗ Open
Web · holding pageComing soon · editorial
HTML · live↗ Open