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

Leitmotiv.
Content

Una productora boutique i agència de continguts al servei de mitjans, marques i veus amb alguna cosa a dir. Aquest document recull la identitat visual, verbal i editorial que sosté cada peça que signem.

ClientLeitmotiv Content
FundadorPipo Serrano
Versió2.0 — 05 · 2026
DocumentBrand Identity Guidelines
00Filosofia

Una marca s'escriu, no només es dissenya.

Leitmotiv Content neix d'una convicció periodística: les millors històries no s'inventen, es descobreixen. Aquesta guia és la partitura — la repetim fins que soni natural.

Editorial
Pensem com una redacció. Cada peça té tesi, diversos angles i tancament. Cap missatge és accessori.
Boutique
Pocs clients, molta atenció. El volum és una decisió estratègica, no una limitació.
Autoria
Signatura pròpia. Treballem amb aquells que entenen que la veu és un actiu, no una decoració.
Beta perpètua
Els formats canvien; l'essència no. Iterem sense perdre el rigor.
Claim principal

Where ideas · become stories.

Ús preferent en EN. Adaptació CA: Quan les idees es converteixen en històries.

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

Una paleta continguda.

Dos colors amb funcions delimitades — navy autoritari, vermell emotiu — i una escala de neutres que sosté el sistema. Res més. La contenció cromàtica forma part de la marca.

Primari · 60%
Leitmotiv Navy
HEX#111122
RGB17 · 17 · 34
CMYK100 · 95 · 50 · 70
Pantone2766 C
OKLCH0.16 · 0.04 · 280
RolEstructura · text
Accent · 8%
Signal Red
HEX#C92438
RGB201 · 36 · 56
CMYK15 · 100 · 85 · 5
Pantone186 C
OKLCH0.52 · 0.20 · 25
RolSignatura · accent puntual
Suport · 28%
Manuscript Paper
HEX#FAF9F6
RGB250 · 249 · 246
CMYK2 · 1 · 3 · 0
Pantone11-0602 TPX
OKLCH0.98 · 0.005 · 90
RolFons · cos editorial
Suplement · 4%
Editor's Ink
HEX#14141C
RGB20 · 20 · 28
CMYK85 · 80 · 60 · 80
PantoneBlack 6 C
OKLCH0.15 · 0.01 · 280
RolText llarg · impremta
Escala de neutres
Gray 50
#F8F8F9
Gray 100
#F1F1F3
Gray 200
#E4E4E8
Gray 300
#C8C8CF
Gray 500
#8A8A95
Gray 700
#4A4A55
Gray 900
#1F1F2A
Regla de proporció · 60 / 28 / 8 / 4
60% Navy
28% Paper
8% Red
4% Ink

El vermell mai domina. És punctum, no fons. Si una composició demana més del 10% de vermell, probablement la solució no és el color.

03Tipografia

Dues veus, un sistema.

Una serifa editorial que signa la marca. Una sans neutra que sosté la resta. Cap de les dues competeixen amb el contingut — totes dues el respecten.

Tipografia 01 Logo + Display

Playfair Display

Dissenyador · Claus Eggers Sørensen · 2011

Serifa transicional/Didone moderna inspirada en les tipografies d'impremta del segle XVIII. Coincideix amb la font del logo. Utilitzar sempre per a titulars, claims, xifres destacades i signatura de marca.

→ fonts.google.com/Playfair+Display
Pesos 400 · 600 · 700 · 900 Itàlica sí Cost Gratis · 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 — & / · ¶ §

Tipografia 02 Cos + UI

Inter

Dissenyador · Rasmus Andersson · 2016

Sans-serif neogrotesca optimitzada per a pantalla. Caràcter neutre i altament llegible — la tela perfecta perquè la serifa del logo i els titulars brillin sense competència. Utilitzar per a cos de text, UI, presentacions i tot el digital.

→ fonts.google.com/Inter
Pesos 300 · 400 · 500 · 600 · 700 Itàlica sí Cost Gratis · OFL

AaBbCc

Produïm continguts editorials i formats audiovisuals per a mitjans i marques que entenen la veu com un actiu estratègic.

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

Tipografia 03 Accents · meta

JetBrains Mono

Dissenyador · Philipp Nurullin · 2020

Monoespaiada tècnica per a etiquetes, crèdits, metadades, numeració de capítols i elements de "fitxa tècnica". Aporta l'aire periodístic/editorial sense recórrer a més tipografies.

→ fonts.google.com/JetBrains+Mono

— EPISODI 03 / DURADA 24:18

PRODUCCIÓ · LEITMOTIV CONTENT
DIRECCIÓ · PIPO SERRANO
FORMAT · LONG-READ + ÀUDIO
DATA · ABRIL 2026

03.A · Escala tipogràfica · web & documents
Display
Playfair · 700
96 / 92 / -2.5
Display
H1
Playfair · 600
56 / 1.05 / -2
Titular principal
H2
Playfair · 600
40 / 1.1 / -1.5
Secció
H3
Inter · 600
24 / 1.3 / -0.5
Subsecció
Entradeta
Cormorant · 300
22 / 1.5 / 0
Entradeta editorial — la respiració després del titular.
Cos
Inter · 400
16 / 1.65 / 0
Cos de text principal — per a articles, propostes, web i presentacions llargues.
Llegenda
Inter · 500
13 / 1.5 / 0
Peus de foto, cites i notes al peu.
Meta
JetBrains · 400
11 / 1.5 / 0.18
Metadades · etiquetes · crèdits
04To de veu

Parlem com editem.

Frase curta, idea concreta, verb actiu. L'elegància és conseqüència de la claredat — mai l'excusa.

Precís
Cada paraula respon a una decisió. Si sobra, fora.
Reposat
Sense urgència comercial. Confiem que el lector té temps.
Cult sense pose
Referències, sí. Esnobisme, no. Si necessita explicació, va amb explicació.
Periodístic
Tesi, context, fets, tancament. L'estructura clàssica com a segell.
— Sí. Així sona Leitmotiv
"Produïm continguts per a aquells que entenen que la veu és un actiu. Treballem amb pocs i ens comprometem amb tots."
— No. Això no som
"Som l'agència 360º que potencia la teva marca amb contingut viral, omnichannel i data-driven per arribar al teu target!"
— Sí
"Una història ben construïda no caduca. La construïm."
— No
"Creem històries que connecten emocionalment amb la teva audiència i generen engagement."
Lèxic de marca

història · ofici · tesi · angle · narrativa · signatura · redacció · long-form · edició · confiança · repòs · format

Lèxic a evitar

viral · disruptiu · 360º · engagement · target · awareness · sinergia · ecosistema · funnel · data-driven · KPI · creixement exponencial

Regles mecàniques

Punt vermell quan és signatura. Cometes baixes («») en català. Xifres fins a nou, en lletra. Res de majúscules decoratives. Punt final sempre.

05Sistema visual

Marques, signes, respiracions.

Una iconografia continguda i un grapat de gestos gràfics. Línies fines, terminals arrodonits, esperit editorial.

05.A · Iconografia · 1.4px · stroke · 24×24
Text
Vídeo
Editorial
Digital
Estratègia
Creixement
Connexió
Formats
Cas
Long-read
Veu
Iteració
05.B · Gestos gràfics del sistema
— EYEBROW
Línia + text editorial
"
Cites amb quotemark editorial
01
Numeració
de capítols
Editorial mark
L.
— peu de pàgina
06Aplicacions

El sistema, en ús.

Com es veu la marca quan surt del manual: xarxes, papereria, presentacions, web. Mateixes regles, contextos diferents.

06.A · Xarxes socials · configurador en viu

Ajusta els textos i el mode a sota. Les cinc plataformes — LinkedIn, X, Instagram, TikTok i YouTube — s'actualitzen a la vegada. Cada bloc indica les dimensions reals que demana la plataforma i a quin actiu correspon.

Les teves dades · s'actualitzen en viu

01 · LinkedIn

Perfil personal / pàgina d'empresa

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 Zona seguraAvatar avall-esq.
02 · X (Twitter)

Capçalera + fitxa de perfil

Header 1500×500 · Avatar 400×400
Leitmotiv @leitmotivcontent
Leitmotiv Content
@leitmotivcontent
Header1500 × 500 px Avatar400 × 400 px · circular Biomàx. 160 caràcters AvísEl centre del header queda tapat per avatar/UI
03 · Instagram

Avatar + graella de feed

Avatar 320×320 · Post 1080×1080
Leitmotiv Content
@leitmotivcontent
— Pipo Serrano04 · 26
"Una història ben construïda no caduca."
— Manifest03 · 26
"La veu és un actiu, no un missatge."
— Editorial02 · 26
In a perpetual
beta.
— manifest01 · 26
"Pocs clients. Molta atenció."
— Filosofia12 · 25
"Frase curta. Idea concreta."
— To11 · 25
Avatar320 × 320 px · circular Post feed1080 × 1080 px Stories / Reels1080 × 1920 px Biomàx. 150 caràcters
04 · TikTok

Perfil + portades de vídeo

Avatar 200×200 · Cover 1080×1920 (9:16)
@leitmotivcontent
Leitmotiv Content
02 Seguint 1.2K Seguidors 8.4K Likes
— EPISODI 03
"La veu d'una marca és un actiu."
24:18 · àudio
— LONG-READ
"Tesi, context, fets, tancament."
8 min · text
— MANIFEST
In a perpetual
beta.
00:48 · vídeo
— OFICI
"Una història no caduca."
01:24 · vídeo
Avatar200 × 200 px · mínim Portada vídeo1080 × 1920 px (9:16) Biomàx. 80 caràcters Text a la portadaevita marges UI (top/bottom 220px)
05 · YouTube

Bàner de canal + fitxa

Banner 2560×1440 · Safe area 1546×423 · Avatar 800×800
— leitmotivcontent.com
Leitmotiv Content
@leitmotivcontent · 1.2K subs
Suscribirse
Banner2560 × 1440 px Àrea segura TV1546 × 423 px (centre) Avatar / logo800 × 800 px Thumbnail1280 × 720 px
06.B · Targeta de visita · 85×55 mm
Pipo Serrano
Founder · Editorial Director
L
pipo@leitmotivcontent.com+34 6XX · XXX · XXX
Targeta · anversoffset · paper
L
Where ideas ·
become stories.
leitmotivcontent.com
Targeta · reversoffset · navy
06.C · Papereria · A4 amb diferents formats + signatura email

Quatre plantilles de full A4 que cobreixen els usos editorials més freqüents — proposta client, carta breu, nota editorial amb cita destacada i factura/ordre de serveis — més la signatura d'email HTML embedible.

Leitmotiv
Carrer de l'Editor 12 · Barcelona
hello@leitmotivcontent.com
leitmotivcontent.com
— PROPOSTA · 04/2026

Benvolgut equip,

Després de la nostra conversa, adjuntem una proposta d'aproximació editorial al projecte. Hem identificat tres angles possibles que val la pena discutir abans de comprometre un format.

Cada angle porta implícita una decisió sobre to, extensió i canal. Cap és definitiu — són punts de partida.

Restem a l'espera dels vostres comentaris.

Pipo Serrano
Founder · Editorial Director

Leitmotiv Content S.L.Pàg. 1 / 1
A4 · Proposta clientword · template
LeitmotivContent
Barcelona · 12 abril 2026
— CARTA · CONFIDENCIAL

Benvolguda Marta,

Gràcies pel temps de la setmana passada. La conversa ens va deixar amb una idea clara: el format que busqueu encara no existeix. És exactament el que ens interessa.

En els pròxims dies t'enviarem un esborrany inicial — curt, suficient per decidir si continuem. Sense compromís.

Una salutació,
Pipo

L. · in a perpetual beta—
A4 · Carta breuword · template
Leitmotiv
NOTA EDITORIAL · 03
Abril · 2026
Distribució interna
— REFLEXIÓ D'OFICI

Sobre el temps
que mereixen les històries.

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

La urgència és enemiga de l'ofici. Quan una redacció es regeix pel calendari del client i no pel del lector, el que es perd no és velocitat — es perd la confiança.

— Pipo Serrano

Leitmotiv Content S.L.Nota 03 · pàg. 1 / 1
A4 · Nota editorialintern · pdf
Leitmotiv
Leitmotiv Content S.L. · B-12345678
Factura 2026 · 014
12 / 04 / 2026
— SERVEIS PRESTATS
Concepte Import
Long-read editorial · Cap. 03 2.400,00 €
Producció podcast · 4 episodis 3.800,00 €
Direcció editorial · abril 1.600,00 €
Total 7.800,00 €.
IBAN ES00 0000 0000 0000 0000 0000Pàg. 1 / 1
A4 · Factura / ordrecomptable
Signatura email · HTMLgmail · outlook

Necessites un altre format?

Sobres, fundes, etiquetes, fulls amb membret personalitzat, presentacions de projecte en format llibre… escriu-nos.

↗ Configurador signatures
Altres formatsa petició
06.D · Plantilla de presentació · 16:9
  PROPOSTA EDITORIAL04 / 2026
Una història ben construïda no caduca.
La construïm.
Leitmotiv01 / 24
Slide · portada lightkeynote · ppt
  CAPÍTOL 03EDITORIAL
Conceptualització
de formats.
Leitmotiv09 / 24
Slide · secció darkkeynote · ppt
06.E · Web · aplicacions

Tres peces que defineixen la presència digital: el layout de homepage com a referència ràpida, el lloc complet navegable amb sis seccions, i la portada holding editorial per a fases de pre-llançament.

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

Produïm continguts editorials i formats audiovisuals per a mitjans i marques amb veu pròpia.

— scroll01 · Barcelona · 2026
06.E.1 · Homepage · above the folddesktop · 1440 · layout estàtic
06.E.2 · Lloc complet · navegable6 seccions · slider editorial · responsive
06.E.3 · Portada · holding"properament" editorial · pre-llançament
07Fotografia

Imatges que respecten el silenci.

Composicions reposades, llum natural, enquadraments amb aire. Busquem la imatge que no crida — la que es sosté quan el lector s'hi queda uns segons.

Retrat d'autor — llum lateral, blanc i negre
01 · Retrats editorials
Set / making-of
02 · Producció
Detall d'ofici
03 · Detalls
Llum natural
Preferència per llum lateral suau, hora daurada o llum indirecta. Evitar flaixos durs i saturació digital.
Enquadrament amb aire
Espai negatiu generós. La imatge ha de poder conviure amb un titular Playfair a sobre sense barallar-s'hi.
Color contingut
Paletes reposades: terres, navys, blancs càlids. El vermell de marca només apareix com a accent puntual o postproducció subtil.
07.B · Llenguatge visual
→ Document complet · ajustaments Lightroom / VSCO / Instagram

Un filtre propi.

Abans que un preset, una manera de mirar. Sis tractaments coherents per a qualsevol imatge del feed — des d'un BTS ràpid fins a una portada de projecte. El que els uneix: gra de pel·lícula, saturació continguda i el punt vermell, sempre.

LMC02605·26BCNPODCAST
01 · Silenci Base · 80%
FPS 25ISO 8005600K
LMC080HISPANO SUIZA
02 · Penombra Cinematogràfic · ≤30%
El so s'escriu abans de gravar-se. Quadern · ep. 02
03 · Paper Editorial imprès

Treballem amb pocs, i ens comprometem amb tots.

Pipo Serrano
04 · Cita Text sobre imatge
Leitmotiv — Hispano Suiza · MWC 26
05 · Duotò Portades i tancaments
LMC08020:55:03CAM3
06 · Estudi BTS · stories
— A · GRA
Pel·lícula, no Instagram
— B · SATURACIÓ BAIXA
Color contingut, mai apagat
— C · SIGNATURA
El punt vermell, sempre
Sí — referències estètiques

Saul Leiter · Annie Leibovitz per a The New Yorker · Magnum Photos · cinematografia de Roger Deakins

No — què evitem

Fotografia d'estoc genèrica · somriures frontals · degradats saturats · grups posats · "diversitat" performativa · escriptoris amb post-its

08 / DescàrreguesRecursos a punt per usar

Tot el sistema, a les teves mans.

Logos en PNG transparent, plantilles de presentació editables i aplicacions de marca a punt per descarregar. Si necessites un format específic, escriu-nos.

Paquet complet

Brandbook íntegre

Document HTML autocontingut — funciona offline, sense dependències externes.

↗ Obrir ↓ Standalone · ES ↓ Standalone · CA ↓ Standalone · EN ↓ Llenguatge Visual
Versió imprimible

Brandbook en PDF

Per imprimir o compartir per email. Fes servir ⌘/Ctrl + P → "Desa com a PDF". Funciona en obrir l'arxiu en local amb doble clic — no dins d'una vista prèvia.

↓ Imprimir / Desar com a PDF
Kit de marca

Logos · totes les versions

4 arxius PNG amb fons transparent — logo i lockup, en navy i blanc.

Logo Navy Logo Blanc
01 · Clic dret
Descàrrega directa

Prem "↓ Descarregar" o clic dret sobre qualsevol element → "Desa l'enllaç com a…".

02 · PNG transparent
A punt per fer servir

Tots els logos PNG venen amb fons transparent. Les miniatures fan servir un damer només per mostrar-ho.

03 · Necessites un altre format?
SVG, EPS, AI

Per a impressió professional o gran format, escriu a hola@leitmotivcontent.com.

Logos · PNG transparent

01.A — 01.B
Logo navy
Logo / Navy Positiu · ús sobre fons clar
PNG · 2101×648↓ Descarregar
Logo blanco
Logo / Blanc Negatiu · ús sobre fons fosc
PNG · 2101×648↓ Descarregar
Lockup Content navy
Lockup + Content / Navy Versió completa amb descriptor
PNG · transparent↓ Descarregar
Lockup Content blanco
Lockup + Content / Blanc Versió completa, fons fosc
PNG · transparent↓ Descarregar

Plantilles · presentació

06.A — Editables
Where ideas
become stories.
Plantilla · Espanyol PowerPoint editable · 16:9
PPTX · ES↓ Descarregar
Where ideas
become stories.
Plantilla · Anglès PowerPoint editable · 16:9
PPTX · EN↓ Descarregar
On les idées
esdevenen relats.
Plantilla · Català PowerPoint editable · 16:9
PPTX · CA↓ Descarregar

Aplicacions · vista prèvia

06.B — Live mockups
LinkedIn Header · Light1584 × 396 px
HTML · live↗ Obrir
LinkedIn Header · Dark1584 × 396 px
HTML · live↗ Obrir
Tarjeta · anverso85 × 55 mm · imprenta
HTML · live↗ Obrir
Tarjeta · reverso85 × 55 mm · imprenta
HTML · live↗ Obrir
Firma de emailHTML embebible · clientes mail
HTML · live↗ Obrir
Papelería · A4210 × 297 mm
HTML · live↗ Obrir
Instagram · cita1080 × 1080 px
HTML · live↗ Obrir
Instagram · manifiesto1080 × 1080 px
HTML · live↗ Obrir
Web · homepageLayout · referencia
HTML · live↗ Obrir
Web · lloc completMockup navegable · 6 seccions
HTML · live↗ Obrir
Web · portada (holding)Pàgina "properament" · editorial
HTML · live↗ Obrir