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

Leitmotiv
Content

Una productora boutique y agencia de contenidos al servicio de medios, marcas y voces con algo que decir. Este documento recoge la identidad visual, verbal y editorial que sostiene cada pieza que firmamos.

ClienteLeitmotiv Content
FundadorPipo Serrano
Versión2.0 — 05 · 2026
DocumentoBrand Identity Guidelines
00Filosofía

Una marca se escribe, no solo se diseña.

Leitmotiv Content nace de una convicción periodística: las mejores historias no se inventan, se descubren. Esta guía es la partitura — la repetimos hasta que suene natural.

Editorial
Pensamos como una redacción. Cada pieza tiene tesis, distintos ángulos y cierre. Ningún mensaje es accesorio.
Boutique
Pocos clientes, mucha atención. El volumen es una decisión estratégica, no una limitación.
Autoría
Firma propia. Trabajamos con aquellos que entienden que la voz es un activo, no una decoración.
Beta perpetua
Los formatos cambian; la esencia no. Iteramos sin perder el rigor.
Claim principal

Where ideas · become stories.

Uso preferente en EN. Adaptación ES: Cuando las ideas se convierten en historias.

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

Una paleta contenida.

Dos colores con función — navy autoritario, rojo emotivo — y una escala de neutros que sostiene el sistema. Nada más. La contención cromática es parte de la marca.

HEX#111122
RGB17 · 17 · 34
CMYK100 · 95 · 50 · 70
Pantone2766 C
OKLCH0.16 · 0.04 · 280
RolEstructura · texto
Acento · 8%
Signal Red
HEX#C92438
RGB201 · 36 · 56
CMYK15 · 100 · 85 · 5
Pantone186 C
OKLCH0.52 · 0.20 · 25
RolFirma · acento puntual
Soporte · 28%
Manuscript Paper
HEX#FAF9F6
RGB250 · 249 · 246
CMYK2 · 1 · 3 · 0
Pantone11-0602 TPX
OKLCH0.98 · 0.005 · 90
RolFondo · cuerpo editorial
Apoyo · 4%
Editor's Ink
HEX#14141C
RGB20 · 20 · 28
CMYK85 · 80 · 60 · 80
PantoneBlack 6 C
OKLCH0.15 · 0.01 · 280
RolTexto largo · imprenta
Escala de neutros
Gray 50
#F8F8F9
Gray 100
#F1F1F3
Gray 200
#E4E4E8
Gray 300
#C8C8CF
Gray 500
#8A8A95
Gray 700
#4A4A55
Gray 900
#1F1F2A
Regla de proporción · 60 / 28 / 8 / 4
60% Navy
28% Paper
8% Red
4% Ink

El rojo nunca domina. Es punctum, no fondo. Si una composición pide más del 10% de rojo, probablemente la solución no esté en el color.

03Tipografía

Dos voces, un sistema.

Una serifa editorial que firma la marca. Una sans neutra que sostiene el resto. Ninguna de las dos compite con el contenido — ambas lo respetan.

Tipografía 01 Logo + Display

Playfair Display

Diseñador · Claus Eggers Sørensen · 2011

Serifa transicional/Didone moderna inspirada en las tipografías de imprenta del siglo XVIII. Coincide con la fuente del logo. Usar siempre para titulares, claims, números destacados y firma de marca.

→ fonts.google.com/Playfair+Display
Pesos 400 · 600 · 700 · 900 Italic Coste 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 — & / · ¶ §

Tipografía 02 Cuerpo + UI

Inter

Diseñador · Rasmus Andersson · 2016

Sans-serif neogrotesca optimizada para pantalla. Carácter neutro y altamente legible — el lienzo perfecto para que la serifa del logo y los titulares brillen sin competencia. Usar para cuerpo de texto, UI, presentaciones y todo lo digital.

→ fonts.google.com/Inter
Pesos 300 · 400 · 500 · 600 · 700 Italic Coste Gratis · OFL

AaBbCc

Producimos contenidos editoriales y formatos audiovisuales para medios y marcas que entienden la voz como un activo estratégico.

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

Tipografía 03 Acentos · meta

JetBrains Mono

Diseñador · Philipp Nurullin · 2020

Monoespaciada técnica para etiquetas, créditos, metadatos, numeración de capítulos y elementos de "ficha técnica". Aporta el aire periodístico/editorial sin recurrir a más tipografías.

→ fonts.google.com/JetBrains+Mono

— EPISODIO 03 / DURACIÓN 24:18

PRODUCCIÓN · LEITMOTIV CONTENT
DIRECCIÓN · PIPO SERRANO
FORMATO · LONG-READ + AUDIO
FECHA · ABRIL 2026

03.A · Escala tipográfica · web & documentos
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ón
H3
Inter · 600
24 / 1.3 / -0.5
Subsección
Lede
Cormorant · 300
22 / 1.5 / 0
Entradilla editorial — el respiro tras el titular.
Body
Inter · 400
16 / 1.65 / 0
Cuerpo de texto principal — para artículos, propuestas, web y presentaciones largas.
Caption
Inter · 500
13 / 1.5 / 0
Pies de foto, citas y notas al pie.
Meta
JetBrains · 400
11 / 1.5 / 0.18
Metadatos · etiquetas · créditos
04Tono de voz

Hablamos como editamos.

Frase corta, idea concreta, verbo activo. La elegancia es consecuencia de la claridad — nunca su excusa.

Preciso
Cada palabra responde a una decisión. Si sobra, fuera.
Reposado
Sin urgencia comercial. Confiamos en que el lector tiene tiempo.
Culto sin pose
Referencias, sí. Esnobismo, no. Si necesita explicación, va con explicación.
Periodístico
Tesis, contexto, hechos, cierre. La estructura clásica como sello.
— Sí. Así suena Leitmotiv
"Producimos contenidos para aquellos que entienden que la voz es un activo. Trabajamos con pocos y nos comprometemos con todos."
— No. Esto no somos
"¡Somos la agencia 360º que potencia tu marca con contenido viral, omnichannel y data-driven para alcanzar a tu target!"
— Sí
"Una historia bien construida no caduca. La construimos."
— No
"Creamos historias que conectan emocionalmente con tu audiencia y generan engagement."
Léxico de marca

historia · oficio · tesis · ángulo · narrativa · firma · redacción · long-form · edición · confianza · reposo · formato

Léxico a evitar

viral · disruptivo · 360º · engagement · target · awareness · sinergia · ecosistema · funnel · data-driven

Reglas mecánicas

Punto rojo cuando es firma. Comilla latina («») en español. Cifras hasta nueve, en letra. Nada de mayúsculas decorativas. Punto final siempre.

05Sistema visual

Marcas, signos, respiraciones.

Una iconografía contenida y un puñado de gestos gráficos. Líneas finas, terminales redondeados, espíritu editorial.

05.A · Iconografía · 1.4px · stroke · 24×24
Texto
Vídeo
Editorial
Digital
Estrategia
Crecimiento
Conexión
Formatos
Caso
Long-read
Voz
Iteración
05.B · Gestos gráficos del sistema
— EYEBROW
Línea + texto editorial
"
Citas con quotemark editorial
01
Numeración
de capítulos
Editorial mark
L.
— pie de página
06Aplicaciones

El sistema, en uso.

Cómo se ve la marca cuando sale del manual: redes, papelería, presentaciones, web. Mismas reglas, contextos distintos.

06.A · Redes sociales · configurador en vivo

Ajusta los textos y el modo abajo. Las cinco plataformas — LinkedIn, X, Instagram, TikTok y YouTube — se actualizan a la vez. Cada bloque indica las dimensiones reales que pide la plataforma y a qué activo corresponde.

Tus datos · se actualizan en vivo

01 · LinkedIn

Perfil personal / página de empresa

Cover 1584×396 · Avatar 400×400
Boutique content studio · Madrid
Leitmotiv — leitmotivcontent.com
Leitmotiv Content
leitmotivcontent · Madrid
— Boutique content studio · in a perpetual beta.
Cover1584 × 396 px Avatar400 × 400 px · circular FormatoPNG / JPG · sRGB Zona seguraAvatar abajo-izq.
02 · X (Twitter)

Cabecera + ficha de perfil

Header 1500×500 · Avatar 400×400
Leitmotiv @leitmotivcontent
Leitmotiv Content
@leitmotivcontent
Header1500 × 500 px Avatar400 × 400 px · circular Biomáx. 160 caracteres AvisoEl centro del header queda tapado por avatar/UI
03 · Instagram

Avatar + cuadrícula de feed

Avatar 320×320 · Post 1080×1080
Leitmotiv Content
@leitmotivcontent
— Pipo Serrano04 · 26
"Una historia bien construida no caduca."
— Manifiesto03 · 26
"La voz es un activo, no un mensaje."
— Editorial02 · 26
In a perpetual
beta.
— manifesto01 · 26
"Pocos clientes. Mucha atención."
— Filosofía12 · 25
"Frase corta. Idea concreta."
— Tono11 · 25
Avatar320 × 320 px · circular Post feed1080 × 1080 px Stories / Reels1080 × 1920 px Biomáx. 150 caracteres
04 · TikTok

Perfil + portadas de vídeo

Avatar 200×200 · Cover 1080×1920 (9:16)
@leitmotivcontent
Leitmotiv Content
02 Siguiendo 1.2K Seguidores 8.4K Likes
— EPISODIO 03
"La voz de una marca es un activo."
24:18 · audio
— LONG-READ
"Tesis, contexto, hechos, cierre."
8 min · texto
— MANIFIESTO
In a perpetual
beta.
00:48 · vídeo
— OFICIO
"Una historia no caduca."
01:24 · vídeo
Avatar200 × 200 px · mínimo Cover vídeo1080 × 1920 px (9:16) Biomáx. 80 caracteres Texto en coverevitar márgenes UI (top/bottom 220px)
05 · YouTube

Banner de canal + ficha

Banner 2560×1440 · Safe area 1546×423 · Avatar 800×800
— leitmotivcontent.com
Leitmotiv Content
@leitmotivcontent · 1.2K subs
Suscribirse
Banner2560 × 1440 px Safe area TV1546 × 423 px (centro) Avatar / logo800 × 800 px Thumbnail1280 × 720 px
06.B · Tarjeta de visita · 85×55 mm
Pipo Serrano
Founder · Editorial Director
L
pipo@leitmotivcontent.com+34 6XX · XXX · XXX
Tarjeta · anversooffset · paper
L
Where ideas ·
become stories.
leitmotivcontent.com
Tarjeta · reversooffset · navy
06.C · Papelería · A4 con distintos formatos + firma email

Cuatro plantillas de hoja A4 que cubren los usos editoriales más frecuentes — propuesta cliente, carta breve, nota editorial con cita destacada y factura/orden de servicios — más la firma de email HTML embebible.

Leitmotiv
Calle Editor 12 · Madrid
hello@leitmotivcontent.com
leitmotivcontent.com
— PROPUESTA · 04/2026

Estimado equipo,

Tras nuestra conversación, adjuntamos una propuesta de aproximación editorial al proyecto. Hemos identificado tres ángulos posibles que merece la pena discutir antes de comprometer un formato.

Cada ángulo lleva implícita una decisión sobre tono, extensión y canal. Ninguno es definitivo — son puntos de partida.

Quedamos a la espera de vuestros comentarios.

Pipo Serrano
Founder · Editorial Director

Leitmotiv Content S.L.Pág. 1 / 1
A4 · Propuesta clienteword · template
LeitmotivContent
Madrid · 12 abril 2026
— CARTA · CONFIDENCIAL

Estimada Marta,

Gracias por el tiempo de la semana pasada. La conversación nos dejó con una idea clara: el formato que buscáis no existe todavía. Eso es exactamente lo que nos interesa.

En los próximos días te enviamos un boceto inicial — corto, suficiente para decidir si seguimos. Sin compromiso.

Un saludo,
Pipo

L. · in a perpetual beta
A4 · Carta breveword · template
Leitmotiv
NOTA EDITORIAL · 03
Abril · 2026
Distribución interna
— REFLEXIÓN DE OFICIO

Sobre el tiempo
que merecen las historias.

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

La urgencia es enemiga del oficio. Cuando una redacción se rige por el calendario del cliente y no por el del lector, lo que se pierde no es velocidad — se pierde la confianza.

— Pipo Serrano

Leitmotiv Content S.L.Nota 03 · pág. 1 / 1
A4 · Nota editorialinterno · pdf
Leitmotiv
Leitmotiv Content S.L. · B-12345678
Factura 2026 · 014
12 / 04 / 2026
— SERVICIOS PRESTADOS
Concepto Importe
Long-read editorial · Cap. 03 2.400,00 €
Producción podcast · 4 episodios 3.800,00 €
Dirección editorial · abril 1.600,00 €
Total 7.800,00 €.
IBAN ES00 0000 0000 0000 0000 0000Pág. 1 / 1
A4 · Factura / ordencontable
Firma email · HTMLgmail · outlook

¿Necesitas otro formato?

Sobres, fundas, etiquetas, hojas con membrete personalizado, presentaciones de proyecto en formato libro… escríbenos.

↗ Configurador firmas
Otros formatosa petición
06.D · Plantilla de presentación · 16:9
  PROPUESTA EDITORIAL04 / 2026
Una historia bien construida no caduca.
La construimos.
Leitmotiv01 / 24
Slide · portada lightkeynote · ppt
  CAPÍTULO 03EDITORIAL
Conceptualización
de formatos.
Leitmotiv09 / 24
Slide · sección darkkeynote · ppt
06.E · Web · aplicaciones

Tres piezas que definen la presencia digital: el layout de homepage como referencia rápida, el sitio completo navegable con seis secciones, y la portada holding editorial para fases de pre-lanzamiento.

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

Producimos contenidos editoriales y formatos audiovisuales para medios y marcas con voz propia.

— scroll01 · Madrid · 2026
06.E.1 · Homepage · above the folddesktop · 1440 · layout estático
06.E.2 · Sitio completo · navegable6 secciones · slider editorial · responsive
06.E.3 · Portada · holding"próximamente" editorial · pre-lanzamiento
07Fotografía

Imágenes que respetan el silencio.

Composiciones reposadas, luz natural, encuadres con aire. Buscamos la imagen que no grita — la que se sostiene cuando el lector se queda unos segundos.

Retrato de autor — luz lateral, blanco y negro
01 · Retratos editoriales
Set / making-of
02 · Producción
Detalle de oficio
03 · Detalles
Luz natural
Preferencia por luz lateral suave, hora dorada o luz indirecta. Evitar flashes duros y saturación digital.
Encuadre con aire
Espacio negativo generoso. La imagen tiene que poder convivir con un titular Playfair encima sin pelear.
Color contenido
Paletas reposadas: tierras, navys, blancos cálidos. El rojo de marca solo aparece como acento puntual o postproducción sutil.

Un filtro propio.

Antes que un preset, una manera de mirar. Seis tratamientos coherentes para cualquier imagen del feed — desde un BTS rápido hasta una portada de proyecto. Lo que los une: grano de película, saturación contenida y el punto rojo, siempre.

LMC02605·26BCNPODCAST
01 · Silencio Base · 80%
FPS 25ISO 8005600K
LMC080HISPANO SUIZA
02 · Penumbra Cinemático · ≤30%
El sonido se escribe antes de grabarse. Cuaderno · ep. 02
03 · Papel Editorial impreso

Trabajamos con pocos, y nos comprometemos con todos.

Pipo Serrano
04 · Cita Texto sobre imagen
Leitmotiv — Hispano Suiza · MWC 26
05 · Duotono Portadas y cierres
LMC08020:55:03CAM3
06 · Estudio BTS · stories
— A · GRANO
Película, no Instagram
— B · SATURACIÓN BAJA
Color contenido, nunca apagado
— C · FIRMA
El punto rojo, siempre
Sí — referencias estéticas

Saul Leiter · Annie Leibovitz para The New Yorker · Magnum Photos · cinematografía de Roger Deakins

No — qué evitamos

Stock fotográfico genérico · sonrisas frontales · gradientes saturados · grupos posados · "diversidad" performativa · escritorios con post-its

08 / DescargasRecursos listos para uso

Todo el sistema, en tus manos.

Logos en PNG transparente, plantillas de presentación editables y aplicaciones de marca listas para descargar. Si necesitas un formato específico, escríbenos.

Paquete completo

Brandbook íntegro

Documento HTML autocontenido — funciona offline, sin dependencias externas.

Versión imprimible

Brandbook en PDF

Para imprimir o compartir por email. Usa ⌘/Ctrl + P → "Guardar como PDF". Funciona al abrir el archivo en local con doble clic — no dentro de una vista previa.

Kit de marca

Logos · todas las versiones

4 archivos PNG con fondo transparente — logo y lockup, en navy y blanco.

01 · Click derecho
Descarga directa

Pulsa "↓ Descargar" o click derecho sobre cualquier elemento → "Guardar enlace como…".

02 · PNG transparente
Listos para usar

Todos los logos PNG vienen con fondo transparente. Las miniaturas usan damero solo para mostrarlo.

03 · ¿Necesitas otro formato?
SVG, EPS, AI

Para impresión profesional o gran formato, escribe a hola@leitmotivcontent.com.

Logos · PNG transparente

01.A — 01.B
Logo navy
Logo / Navy Positivo · uso sobre fondo claro
PNG · 2101×648↓ Descargar
Logo blanco
Logo / Blanco Negativo · uso sobre fondo oscuro
PNG · 2101×648↓ Descargar
Lockup Content navy
Lockup + Content / Navy Versión completa con descriptor
PNG · transparente↓ Descargar
Lockup Content blanco
Lockup + Content / Blanco Versión completa, fondo oscuro
PNG · transparente↓ Descargar
Logo con tagline · navy
Lockup + Tagline / Navy Wordmark + descriptor formal de empresa
PNG · transparente↓ Descargar
Logo con tagline · blanco
Lockup + Tagline / Blanco Wordmark + descriptor formal · fondo oscuro
PNG · transparente↓ Descargar

Plantillas · presentación

06.A — Editables
Where ideas
become stories.
Plantilla · Español PowerPoint editable · 16:9
PPTX · ES↓ Descargar
Where ideas
become stories.
Plantilla · English PowerPoint editable · 16:9
PPTX · EN↓ Descargar
On les idées
esdevenen relats.
Plantilla · Català PowerPoint editable · 16:9
PPTX · CA↓ Descargar

Aplicaciones · vista previa

06.B — Live mockups
LinkedIn Header · Light1584 × 396 px
HTML · live↗ Abrir
LinkedIn Header · Dark1584 × 396 px
HTML · live↗ Abrir
Tarjeta · anverso85 × 55 mm · imprenta
HTML · live↗ Abrir
Tarjeta · reverso85 × 55 mm · imprenta
HTML · live↗ Abrir
Firma de emailHTML embebible · clientes mail
HTML · live↗ Abrir
Papelería · A4210 × 297 mm
HTML · live↗ Abrir
Instagram · cita1080 × 1080 px
HTML · live↗ Abrir
Instagram · manifiesto1080 × 1080 px
HTML · live↗ Abrir
Web · homepageLayout · referencia
HTML · live↗ Abrir
Web · sitio completoMockup navegable · 6 secciones
HTML · live↗ Abrir
Web · portada (holding)Página "próximamente" · editorial
HTML · live↗ Abrir