Nuestra misión es visibilizar el talento de profesionales en diversas áreas.
Lo hacemos a través de entrevistas recurrentes y en profundidad que destacan tanto sus trayectorias profesionales como sus historias personales.
Nos comprometemos a crear un espacio libre de publicidad y sin influencia comercial, donde la autenticidad y la transparencia sean los pilares fundamentales.
Desde nuestras plataformas, buscamos que estas historias inspiren y enriquezcan a nuestra audiencia y contribuyan al crecimiento y la difusión del talento.
Vision
Aspiramos a ser una plataforma de referencia para la visibilización del talento: un espacio donde se promueva la contribución positiva a la sociedad por medio de la actividad profesional y la excelencia.
En el futuro, queremos ampliar nuestro impacto con eventos como galas y mesas redondas, y con un premio anual que reconozca a los profesionales más destacados por categoría o por trayectoria.
Nuestra visión es que Profesionales Excepcionales sea una plataforma con reconocimiento nacional, que colabore con entidades de prestigio y promueva el crecimiento de sus contenidos en medios como radios y canales especializados.
Leitmotif
The P that is also a microphone: the podcast in which exceptional professionals tell their craft in their own voice.
Institutional text
One hour every Wednesday with Javier Pascual on Radio Intercontinental (6:00 to 7:00 pm, FM 95.4 and 107.8 in Madrid); afterwards, on video and as a podcast.
Sponsorship: allowed.
02
Logo
Variants, clear space and usage
The logo is closed art: it is placed, never redrawn or recomposed with text. Each variant exists in SVG (web, print) and PNG at 3840 px with transparency (4K video composition, where Pillow does not read vectors; the 1920 PNGs are kept for 1080p). Two versions and three orientations cover normal use; two single-ink derivatives solve the edge cases.
The P that is also a microphone: the podcast in which exceptional professionals tell their craft in their own voice.
Not like thisAlter the proportion between isotype and text, or separate them.
Not like thisDistort, rotate, skew or add shadow, outline, relief or gradient to the logo.
Not like thisRecolor the logo: the DS only admits the color version and the negative.
Recompose the name with another typeface, not even with Open Sans.
Put the color version on navy, on yellow or on photography.
Enclose the logo in a box that invades its clear zone.
Use the white negative on a light or overexposed plane.
The translucent logo is not placed on a light, overexposed or white background.
The two-tone negative is not used on photography, video, covers, reels or watermark.
recompose the text with another typeface (the text is part of the art)
03
Color
Ramps, roles and contrasts
Two five-step ramps, transcribed literally from the brand's color template: navy blue as the structural base and yellow as the only accent. The two large values of the template —#22264D and #FFDD00— are the primaries; the rest are their supporting variants.
Ramps
Primary
Primary 900#060923
Primary 800#131639
Source colour#22264DNavy blue 700, brand primary (#22264D): panel surface and ink on accent. Contrast: 10.74:1 on #ffdd00; 14.46:1 on #ffffff.
Source colour#22264DNavy blue 700, brand primary (#22264D): panel surface and ink on accent. Contrast: 10.74:1 on #ffdd00; 14.46:1 on #ffffff.
Primary 600#35395D
Primary 500#4F537BNavy blue 500 (periwinkle). CMYK 77,67,29,13. Brand ramp; components use roles, not ramp steps.
Accent
Accent 700#9B8700
Accent 600#C6AB00
Source colour#FFDC04Yellow 500, the only accent (#FFDD00): highlighter (keyword, active state, primary button), never a large surface. On it, ink is always #22264d.
Source colour#FFDC04Yellow 500, the only accent (#FFDD00): highlighter (keyword, active state, primary button), never a large surface. On it, ink is always #22264d.
Accent 400#FFE439
Accent 300#FFEA64
Palette
White#FFFFFFRGB 255, 255, 255White: main ink on navy and light-theme background. Never on yellow.
Muted ink#9296BARGB 146, 150, 186Secondary text on a flat navy surface (5.02:1 on #22264d). Do not use on a tinted background or on a raised surface.
Muted ink on tint#C3C6DERGB 195, 198, 222Muted text on tinted backgrounds of notices and badges (7.47:1 on the 14 % tint).
The ones every brand is checked for: ink, link and states on their backgrounds.
Aa
Ink / Surface high
11.83:1
AAA
Aa
Muted ink / Surface high
6.01:1
AA
Success / Background
1.97:1
Below AA
Error / Background
2.75:1
Below AA
Info / Background
2.17:1
Below AA
Dark theme
Aa
Ink / Background
17.47:1
AAA
Aa
Ink / Surface
14.45:1
AAA
Aa
Ink / Surface high
11.08:1
AAA
Aa
Muted ink / Background
6.07:1
AA
Aa
Muted ink / Surface
5.02:1
AA
Muted ink / Surface high
3.84:1
AA, large text only
Aa
Muted ink on tint / Background
10.36:1
AAA
Aa
Muted ink on tint / Surface
8.57:1
AAA
Aa
Muted ink on tint / Surface high
6.57:1
AA
Aa
Accent / Background
12.89:1
AAA
Aa
Accent / Surface
10.66:1
AAA
Aa
Accent / Surface high
8.17:1
AAA
Aa
Accent hover / Background
13.65:1
AAA
Aa
Accent hover / Surface
11.29:1
AAA
Aa
Accent hover / Surface high
8.66:1
AAA
Aa
Success / Background
8.84:1
AAA
Aa
Success / Surface
7.31:1
AAA
Aa
Success / Surface high
5.61:1
AA
Aa
Error / Background
6.35:1
AA
Aa
Error / Surface
5.25:1
AA
Error / Surface high
4.03:1
AA, large text only
Aa
Info / Background
8.05:1
AAA
Aa
Info / Surface
6.66:1
AA
Aa
Info / Surface high
5.10:1
AA
Aa
Accent ink / Accent active
6.35:1
AA
Aa
Info / Contrast 272b56
6.17:1
AA
Aa
Muted ink on tint / Contrast 2c3057
7.46:1
AAA
Aa
Success / Contrast 232f49
6.75:1
AA
Aa
Error / Contrast 2e2148
5.35:1
AA
Do not use
Ink / Accent
1.35:1
The brand forbids it
Accent / Surface
1.21:1
The brand forbids it
04
Typography
Families, specimens and scale
Four voices and a strict split. Open Sans is the primary —it is the wordmark's own, so headlines and brand text read as a continuation of the logo—. Lato is the secondary, for long blocks and dense data. Barlow Condensed is the condensed: only covers, social networks and the reel caption badge. And the brand script signs: tagline and authorship. All four are self-hosted in assets/fuentes/ and all are OFL; the system asks nothing of a CDN.
Families
Oooh Baby
Script
Illuminating today and bringing tomorrow closer
400
Barlow Condensed
Condensed
Profesionales Excepcionales
600700800
Open Sans
Primary
Profesionales Excepcionales
300400600700800
Lato
Secondary
Profesionales Excepcionales
300400700900
Styles
Script componible
Illuminating today and bringing tomorrow closer
Display 180px · 800 · 1.02Covers, title cards and big figures
Profesionales Excepcionales
Display 254px · 800 · 1.05Covers, title cards and big figures
Illuminating today and bringing tomorrow closer
Title 132px · 700 · 1.15Page or section title
Profesionales Excepcionales
Title 222px · 600 · 1.25Subtitle and card title
Illuminating today and bringing tomorrow closer
Body largo16px · 400 · 1.65Long reading: articles and scripts
Profesionales Excepcionales
Body s14px · 400 · 1.55Notes, captions and secondary text
Illuminating today and bringing tomorrow closer
Display 180px · 800 · 1.02Covers, title cards and big figures
Profesionales Excepcionales
Display 254px · 800 · 1.05Covers, title cards and big figures
Illuminating today and bringing tomorrow closer
Title 132px · 700 · 1.15Page or section title
Profesionales Excepcionales
Title 222px · 600 · 1.25Subtitle and card title
Illuminating today and bringing tomorrow closer
Body16px · 400 · 1.6Running interface text
Profesionales Excepcionales
Body largo16px · 400 · 1.65Long reading: articles and scripts
Illuminating today and bringing tomorrow closer
Body s14px · 400 · 1.55Notes, captions and secondary text
Label12px · 700 · 1.4Eyebrows, labels and metadata
Profesionales Excepcionales
05
Spacing and shape
Scale, radii and elevation
4 px base. Every margin, padding and gap is a multiple of the scale; no in-between values. The shape language comes from the isotype itself: its bars end in a capsule, so pill is the radius of small elements and 8 px that of containers.
Spacing
Base4px
14px
28px
312px
416px
520px
624px
832px
1248px
1664px
2496px
Base4px
Space 14px
Space 28px
Space 312px
Space 416px
Space 520px
Space 624px
Space 832px
Space 1248px
Space 1664px
Space 2496px
Radii
00px
14px
28px
312px
Pastilla999px
Radius 00px
Radius 14px
Radius 28px
Radius 312px
Radius pastilla999px
Elevation
0none
10 8px 24px rgba(6, 9, 35, 0.55)
Focus2px solid #FFDD00
Elevation 0none
Elevation 10 8px 24px rgba(6, 9, 35, 0.55)
Elevation focus2px solid #ffdd00
On a light surface, so the shadow shows in any theme.
Layout
Application width
1120 px
Width form
860 px
Width reading characters
70
Touch target minimum
44 px
06
Iconography
Icon system
The brand's only own set is that of listening platforms. They are used monochrome: never in their original corporate color, never on a platform-colored pill. In the broadcaster block (section 06) they appear already circled; on their own they go without a circle.
The program's photographic material is phone photos taken in different places: uneven white balance, studio tungsten light and, often, third-party brands in frame —the broadcaster's red and yellow logo, background posters—. Untreated, two photos in a row do not look like the same program. These filters are what unifies them: they are not decoration, they are infrastructure.
Treatments
There are no brand photographs in the book yet: each treatment will be applied to them once published. Here it is shown on a plane in the brand colours.
EditorialUse: image in an articlesaturate(.9) contrast(1.06) brightness(1.03) hue-rotate(-4deg)
DuotoneUse: headers and signagegrayscale(1) contrast(1.15) brightness(.92)#22264d · lighten#ffdd00 · multiply
Blue duotoneUse: blog header and poster where the accent is already set by another elementgrayscale(1) contrast(1.14) brightness(.94)#131639 · lighten#a8addc · multiply
Cold duotoneUse: serious topics, a lot of text on topgrayscale(1) contrast(1.12) brightness(.9)#060923 · lighten#c3c6de · multiply
ArchiveUse: old or low-quality materialgrayscale(1) contrast(1.3) brightness(.95)
Usage rule A real figure with its source; no data, no statistic.
Variants
245
items published in its design system
Surface
245
items published in its design system
Accent
Code
<div class="bb-c-stat bb-c-stat--superficie">
<p class="bb-c-stat__value">245</p>
<p class="bb-c-stat__label">items published in its design system</p>
</div>
Frequently asked questions
Questions that open and close without scripts.
Usage rule Questions people really ask, with the answer in the first line.
Usage rule Only for data that is compared; the header always says what each column is.
Variants
Style
Size
Use
Display 1
80 px
Covers, title cards and big figures
Display 2
54 px
Covers, title cards and big figures
Title 1
32 px
Page or section title
Title 2
22 px
Subtitle and card title
Surface
Style
Size
Use
Display 1
80 px
Covers, title cards and big figures
Display 2
54 px
Covers, title cards and big figures
Title 1
32 px
Page or section title
Title 2
22 px
Subtitle and card title
Striped
Code
<table class="bb-c-table bb-c-table--superficie">
<thead><tr><th scope="col">Style</th><th scope="col">Size</th><th scope="col">Use</th></tr></thead>
<tbody>
<tr>
<td>Display 1</td><td><code>80 px</code></td><td>Covers, title cards and big figures</td>
</tr><tr>
<td>Display 2</td><td><code>54 px</code></td><td>Covers, title cards and big figures</td>
</tr><tr>
<td>Title 1</td><td><code>32 px</code></td><td>Page or section title</td>
</tr><tr>
<td>Title 2</td><td><code>22 px</code></td><td>Subtitle and card title</td>
</tr>
</tbody>
</table>
Progress
How far something has gone, as a bar and as a figure.
Usage rule Always with the figure in text next to the bar.
Variants
Own to the brand in this book100 %
Accent
Own to the brand in this book100 %
Outline
Code
<div class="bb-c-progress bb-c-progress--acento">
<p class="bb-c-progress__head"><span>Own to the brand in this book</span><strong>100 %</strong></p>
<div class="bb-c-progress__track" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="100" aria-label="Own to the brand in this book">
<span class="bb-c-progress__bar" style="width: 100%"></span>
</div>
</div>
09
Social media and publications
Formats and pieces to publish
A single architecture for all: navy field, full-bleed photo along one edge, accent stripe as a divider and the negative logo in the top corner. The format changes, not the composition. The tagline always enters as a script asset, never composed.
Formats
Poster 16:9
Size
3840 × 2160 px
Composition
full-bleed photo on the left 44%, navy field on the right
Poster A4
Mm
210 · 297
Composition
full-bleed photo in the top third, navy field below
Roll-up
Mm
850 · 2000
Note
bottom 300 mm kept clear: the counter covers them
Teams background
Size
3840 × 2160 px
Note
central third kept clear: the person goes there
Square post
Size
2160 × 2160 px
Story reel
Size
2160 × 3840 px
Safe zone
500 px
Audio cover
Size
3000 × 3000 px
Composition
flat navy field, stacked negative logo at 62%
LinkedIn header
Size
1584 × 396 px
Note
centre-left area kept clear: the avatar covers it
What changes when rotating
Split
the photo moves from the left 44 % to the top 38 %; the navy field fills the rest
Order
no cambia: logotipo → filete → eslogan → datos → patrocinio
Margins
9 % of the width on all four sides, plus 3 mm of bleed in the PDF
Logo
9 % of the width (30 mm minimum in print); never the stacked logo, which breaks the series
Slogan
three lines flush left, as in 16:9
Sponsorship
out: the A4 is also printed without a sponsor. It is added as a footer only when the piece requires it
Export
PDF for print · 4K PNG for screen. SVG only with outlined text.
10
Image generator
A photo of a product or an object, with no background, framed and set on the brand's corporate background.
1. Upload the image
A product, an object or an illustration. Never a person: team portraits have their own tool.
2. Gemini cuts it out
It removes the background and frames the subject. Odoo sets it on the brand background.
3. A person approves it
Nothing goes out unless someone has looked at it. Once approved, it can be downloaded.
The generator is for brand editors: sign in with your Odoo account.
What is published for this audience, as an agent reads it: what is mandatory comes first.
Communication style
6 / 6 lines within the limit
Context
declaracion.formato: One hour every Wednesday with Javier Pascual on Radio Intercontinental (6:00 to 7:00 pm, FM 95.4 and 107.8 in Madrid); afterwards, on video and as a podcast.
declaracion.leitmotiv: The P that is also a microphone: the podcast in which exceptional professionals tell their craft in their own voice.
declaracion.mision: Nuestra misión es visibilizar el talento de profesionales en diversas áreas. Lo hacemos a través de entrevistas recurrentes y en profundidad que destacan tanto sus trayectorias profesionales como sus historias personales. Nos comprometemos a crear un espacio libre de publicidad y sin influencia comercial, donde la autenticidad y la transparencia sean los pilares fundamentales. Desde nuestras plataformas, buscamos que estas historias inspiren y enriquezcan a nuestra audiencia y contribuyan al crecimiento y la difusión del talento.
declaracion.patrocinio: Sponsorship: allowed.
declaracion.vision: Aspiramos a ser una plataforma de referencia para la visibilización del talento: un espacio donde se promueva la contribución positiva a la sociedad por medio de la actividad profesional y la excelencia. En el futuro, queremos ampliar nuestro impacto con eventos como galas y mesas redondas, y con un premio anual que reconozca a los profesionales más destacados por categoría o por trayectoria. Nuestra visión es que Profesionales Excepcionales sea una plataforma con reconocimiento nacional, que colabore con entidades de prestigio y promueva el crecimiento de sus contenidos en medios como radios y canales especializados.
declaracion.slogan: Illuminating today and bringing tomorrow closer
NEVER logo directriz.logo.never.recomponer-el-nombre-con-otra-tipografia: Recompose the name with another typeface, not even with Open Sans. (Open Sans is the wordmark's typeface, but the logo is an asset, not a text.)
NEVER logo directriz.logo.never.alterar-la-proporcion-entre-isotipo-y: Alter the proportion between isotype and text, or separate them.
NEVER logo directriz.logo.never.deformar-rotar-inclinar-o-anadir-sombra: Distort, rotate, skew or add shadow, outline, relief or gradient to the logo.
NEVER logo directriz.logo.never.recolorear-el-logotipo-el-ds-solo: Recolor the logo: the DS only admits the color version and the negative. (The single-ink layer (white and navy) was withdrawn on 2026-09-17 for being derived; the Illustrator export of 2026-11-01 adds a black version that the DS does not regulate (see conflicts).)
NEVER logo directriz.logo.never.poner-la-version-de-color-sobre: Put the color version on navy, on yellow or on photography. (It loses contrast; for those backgrounds the negative is used.)
NEVER logo directriz.logo.never.encerrar-el-logotipo-en-una-caja: Enclose the logo in a box that invades its clear zone.
NEVER logo directriz.logo.never.usar-el-negativo-blanco-sobre-plano: Use the white negative on a light or overexposed plane. (It melts away: mid ink measured 254,254,254 on #EDEEF4. The way out, until the brand delivers the single ink, is the negative isotype with a navy radial veil.)
NEVER logo logo.translucido.prohibido_sobre: The translucent logo is not placed on a light, overexposed or white background.
NEVER logo logo.negativo_dos_tonos.prohibido_en: The two-tone negative is not used on photography, video, covers, reels or watermark.
NEVER logo logo.prohibido: recompose the text with another typeface (the text is part of the art) alter the isotype/text proportion or separate them distort, rotate, skew, add shadow/outline/relief/gradient recolor (only color and negative exist) put the color version on navy, yellow or photography enclose it in a box that invades its clear zone
color.primario-700: #22264d
color.acento-500: #ffdc04
color.contraste-232f49: #232f49
color.contraste-272b56: #272b56
color.contraste-2c3057: #2c3057
color.contraste-2e2148: #2e2148
color.rol-tinta: #ffffff
color.rol-tinta-tenue: #9296ba
color.rol-tinta-tenue-sobre-tinte: #c3c6de
color.rol-exito: #3fd08f
color.rol-error: #ff6b7a
color.rol-info: #a8addc
color.rol-superficie-alta: #e7e8ef
color.rol-borde-fuerte: #b9bcce
color.primario: #22264d · Navy blue 700 (primary) · Navy blue 700, brand primary (#22264D): panel surface and ink on accent. Contrast: 10.74:1 on #ffdd00; 14.46:1 on #ffffff.
color.primario-900: #060923 · Navy blue 900 · Navy blue 900. CMYK 100,93,50,76. Brand ramp; components use roles, not ramp steps.
color.primario-800: #131639 · Navy blue 800 · Navy blue 800. CMYK 100,96,44,55. Brand ramp; components use roles, not ramp steps.
color.primario-600: #35395d · Navy blue 600 · Navy blue 600. CMYK 88,78,35,29. Brand ramp; components use roles, not ramp steps.
color.primario-500: #4f537b · Navy blue 500 (periwinkle) · Navy blue 500 (periwinkle). CMYK 77,67,29,13. Brand ramp; components use roles, not ramp steps.
color.acento: #ffdc04 · Yellow 500 (accent) · Yellow 500, the only accent (#FFDD00): highlighter (keyword, active state, primary button), never a large surface. On it, ink is always #22264d.
color.acento-700: #9b8700 · Yellow 700 · Yellow 700. CMYK 37,34,100,19. Brand ramp; components use roles, not ramp steps.
color.acento-600: #c6ab00 · Yellow 600 · Yellow 600. CMYK 23,25,99,7. Brand ramp; components use roles, not ramp steps.
color.acento-400: #ffe439 · Yellow 400 · Yellow 400. CMYK 3,6,83,0. Brand ramp; components use roles, not ramp steps.
color.acento-300: #ffea64 · Yellow 300 · Yellow 300. CMYK 2,3,70,0. Brand ramp; components use roles, not ramp steps.
color.exito: #3fd08f · Success · Phase completed, validation correct.
… 14 lines cut by the limit, 0 mandatory: request a larger max_chars.