Skip to Content

Design system

Illuminating today and bringing tomorrow closer

  • Version1
  • ScopeShow
  • Date2026-11-09
  • Part ofSingular Works
  • SourceOdoo, published version
  • Content languagePartly in Spanish
01

Identity

Purpose, mission, vision and values

Part of Singular Works

Illuminating today and bringing tomorrow closer

Slogan

Mission

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.

Leitmotif

Variants

Logo design Alba Espinosa (Estudio Nácar)

Clear space

height of the isotype's P, on all four sides

Minimum sizes

Horizontal
120 px
Horizontal mm
30
Isotype
32 px
Isotype mm
10
Mosca video
72 px

Forbidden uses

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 #22264D Navy blue 700, brand primary (#22264D): panel surface and ink on accent. Contrast: 10.74:1 on #ffdd00; 14.46:1 on #ffffff.
Source colour #22264D Navy 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 #4F537B Navy 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 #FFDC04 Yellow 500, the only accent (#FFDD00): highlighter (keyword, active state, primary button), never a large surface. On it, ink is always #22264d.
Source colour #FFDC04 Yellow 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 #FFFFFF RGB 255, 255, 255 White: main ink on navy and light-theme background. Never on yellow.
Muted ink #9296BA RGB 146, 150, 186 Secondary 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 #C3C6DE RGB 195, 198, 222 Muted text on tinted backgrounds of notices and badges (7.47:1 on the 14 % tint).
Success #3FD08F RGB 63, 208, 143 Phase completed, validation correct.
Error #FF6B7A RGB 255, 107, 122 Phase failure, invalid field.
Info #A8ADDC RGB 168, 173, 220 Neutral notice, data detected.
Light surface #F2F2F6 RGB 242, 242, 246 Light-theme surface (print, documents, email signature).
Light border #D8D9E4 RGB 216, 217, 228 Light-theme border.

Roles

Light

  • Muted ink on tint #35395D
  • Accent hover #FFE439
  • Accent active #C6AB00
  • Success #3FD08F
  • Error #FF6B7A
  • Info #A8ADDC
  • Focus #9B8700
  • Surface high #E7E8EF
  • Border strong #B9BCCE
  • Background #FFFFFF
  • Surface #F2F2F6
  • Border #D8D9E4
  • Ink #22264D
  • Muted ink #4F537B
  • Accent #FFDC04
  • Accent ink #22264D

Dark

  • Muted ink on tint #C3C6DE
  • Accent hover #FFE439
  • Accent active #C6AB00
  • Success #3FD08F
  • Error #FF6B7A
  • Info #A8ADDC
  • Focus #FFDC04
  • Surface high #35395D
  • Border strong #4F537B
  • Background #131639
  • Surface #22264D
  • Border #35395D
  • Ink #FFFFFF
  • Muted ink #9296BA
  • Accent #FFDC04
  • Accent ink #22264D

Contrasts

Light theme

Aa

Role ink / Primary 800

17.47:1 AAA

Aa

Role ink / Primary

14.45:1 AAA

Aa

Accent / Primary

10.66:1 AAA

Aa

Role muted ink / Primary

5.02:1 AA

Aa

Primary 500 / Role ink

7.35:1 AAA

Aa

Role info / Contrast 272b56

6.17:1 AA

Aa

Role muted ink on tint / Contrast 2c3057

7.46:1 AAA

Aa

Role success / Contrast 232f49

6.75:1 AA

Aa

Role error / Contrast 2e2148

5.35:1 AA

Aa

Ink / Surface

12.94:1 AAA

Aa

Muted ink / Surface

6.58:1 AA

System pairs 5

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 1 80px · 800 · 1.02 Covers, title cards and big figures

Profesionales Excepcionales

Display 2 54px · 800 · 1.05 Covers, title cards and big figures

Illuminating today and bringing tomorrow closer

Title 1 32px · 700 · 1.15 Page or section title

Profesionales Excepcionales

Title 2 22px · 600 · 1.25 Subtitle and card title

Illuminating today and bringing tomorrow closer

Body largo 16px · 400 · 1.65 Long reading: articles and scripts

Profesionales Excepcionales

Body s 14px · 400 · 1.55 Notes, captions and secondary text

Illuminating today and bringing tomorrow closer

Display 1 80px · 800 · 1.02 Covers, title cards and big figures

Profesionales Excepcionales

Display 2 54px · 800 · 1.05 Covers, title cards and big figures

Illuminating today and bringing tomorrow closer

Title 1 32px · 700 · 1.15 Page or section title

Profesionales Excepcionales

Title 2 22px · 600 · 1.25 Subtitle and card title

Illuminating today and bringing tomorrow closer

Body 16px · 400 · 1.6 Running interface text

Profesionales Excepcionales

Body largo 16px · 400 · 1.65 Long reading: articles and scripts

Illuminating today and bringing tomorrow closer

Body s 14px · 400 · 1.55 Notes, captions and secondary text

Profesionales Excepcionales

Quote 88px · 900 · 1.16 Highlighted quote, always attributed

Illuminating today and bringing tomorrow closer

Label 12px · 700 · 1.4 Eyebrows, 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

  • Base 4px
  • 1 4px
  • 2 8px
  • 3 12px
  • 4 16px
  • 5 20px
  • 6 24px
  • 8 32px
  • 12 48px
  • 16 64px
  • 24 96px
  • Base 4px
  • Space 1 4px
  • Space 2 8px
  • Space 3 12px
  • Space 4 16px
  • Space 5 20px
  • Space 6 24px
  • Space 8 32px
  • Space 12 48px
  • Space 16 64px
  • Space 24 96px

Radii

00px
14px
28px
312px
Pastilla999px
Radius 00px
Radius 14px
Radius 28px
Radius 312px
Radius pastilla999px

Elevation

0 none
1 0 8px 24px rgba(6, 9, 35, 0.55)
Focus 2px solid #FFDD00
Elevation 0 none
Elevation 1 0 8px 24px rgba(6, 9, 35, 0.55)
Elevation focus 2px 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.

Rules

Files
spotify.svg, podcast.svg, youtube.svg, linkedin.svg, instagram.svg
Monochrome
Yes
Sizes
20 · 24 · 32 px
Gap
20 px
Method
svg_en_linea
Viewbox
0 0 640 640
Preserve aspect ratio
xMidYMid meet
Circled in
recursos.emisora
Set
Lucide
Stroke
1.5 px
Size
20 px
Colour
currentColor
07

Imagery

Guide for people and agents

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.

Untreated
Portrait Use: directory, guests saturate(.82) contrast(1.08) brightness(1.02)
Editorial Use: image in an article saturate(.9) contrast(1.06) brightness(1.03) hue-rotate(-4deg)
Duotone Use: headers and signage grayscale(1) contrast(1.15) brightness(.92) #22264d · lighten#ffdd00 · multiply
Blue duotone Use: blog header and poster where the accent is already set by another element grayscale(1) contrast(1.14) brightness(.94) #131639 · lighten#a8addc · multiply
Cold duotone Use: serious topics, a lot of text on top grayscale(1) contrast(1.12) brightness(.9) #060923 · lighten#c3c6de · multiply
Archive Use: old or low-quality material grayscale(1) contrast(1.3) brightness(.95)
Illuminating today and bringing tomorrow closer
Veils · Flat veil rgba(19, 22, 57, 0.72)
08

Components

Standard web parts of the group

Button

The action of a view.

Usage rule A single primary button per view; the rest, secondary or ghost.

Variants

Primary
Secondary
Ghost

States

Hover
Active
Disabled
Code
<button type="button" class="bb-c-button bb-c-button--primario">Get in touch</button>

Card

A piece of content with title, text and link.

Usage rule One idea per card, and all cards in a row the same height.

Variants

Show

Illuminating today and bringing tomorrow closer

Illuminating today and bringing tomorrow closer

Read more
Surface

Show

Illuminating today and bringing tomorrow closer

Illuminating today and bringing tomorrow closer

Read more
Border

Show

Illuminating today and bringing tomorrow closer

Illuminating today and bringing tomorrow closer

Read more
Accent

States

Show

Illuminating today and bringing tomorrow closer

Illuminating today and bringing tomorrow closer

Read more
Hover
Code
<article class="bb-c-card bb-c-card--superficie">
                <p class="bb-c-card__over">Show</p>
                <h3 class="bb-c-card__title">Illuminating today and bringing tomorrow closer</h3>
                <p class="bb-c-card__text">Illuminating today and bringing tomorrow closer</p>
                <a class="bb-c-card__link" href="#">Read more</a>
        </article>

Page header

The opening of a page: eyebrow, title and lead.

Usage rule A single main title per page, saying what it is about in one line.

Variants

Show

Profesionales Excepcionales

Illuminating today and bringing tomorrow closer

Surface

Show

Profesionales Excepcionales

Illuminating today and bringing tomorrow closer

Accent
Code
<header class="bb-c-header bb-c-header--superficie">
            <p class="bb-c-header__over">Show</p>
            <h1 class="bb-c-header__title">Profesionales Excepcionales</h1>
            <p class="bb-c-header__lede">Illuminating today and bringing tomorrow closer</p>
        </header>

Call to action

The close of a page, with a single action.

Usage rule One per page, at the end, with a verb that says what happens on click.

Variants

Accent
Surface
Code
<aside class="bb-c-cta bb-c-cta--acento">
            <h2 class="bb-c-cta__title">Illuminating today and bringing tomorrow closer</h2>
            <a class="bb-c-button bb-c-button--primario" href="#">Get in touch</a>
        </aside>

Quote

A highlighted sentence with its author.

Usage rule Always with its author; if it cannot be attributed, it is not a quote.

Variants

Illuminating today and bringing tomorrow closer

Profesionales Excepcionales
Rule

Illuminating today and bringing tomorrow closer

Profesionales Excepcionales
Surface
Code
<blockquote class="bb-c-quote bb-c-quote--filete">
            <p class="bb-c-quote__text">Illuminating today and bringing tomorrow closer</p>
            <cite class="bb-c-quote__author">Profesionales Excepcionales</cite>
        </blockquote>

Statistic

A figure with what it means.

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.

What is Profesionales Excepcionales?

Illuminating today and bringing tomorrow closer

What drives it?

Illuminating today and bringing tomorrow closer

Code
<div class="bb-c-faq">
            <details class="bb-c-faq__item" open="open">
                <summary class="bb-c-faq__q">What is Profesionales Excepcionales?</summary>
                <p class="bb-c-faq__a">Illuminating today and bringing tomorrow closer</p>
            </details>
            <details class="bb-c-faq__item">
                <summary class="bb-c-faq__q">What drives it?</summary>
                <p class="bb-c-faq__a">Illuminating today and bringing tomorrow closer</p>
            </details>
        </div>

Footer

The close of every page: brand and links.

Usage rule No promotions: identity, legal links and contact.

Variants

Dark
Light
Code
<footer class="bb-c-footer bb-c-footer--oscuro" data-bb-theme="oscuro">
            <strong class="bb-c-footer__brand">Profesionales Excepcionales</strong>
            <ul class="bb-c-footer__links">
                <li><a href="#">Legal notice</a></li>
                <li><a href="#">Privacy</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </footer>

Form fields

Text, email and selection fields with their label, hint and error.

Usage rule Every field with a visible label; the error is said in words, not only in colour.

States

Focus
Error
Disabled
Code
<form class="bb-c-form bb-c-form--base">
            <label class="bb-c-field">
                <span class="bb-c-field__label">Name</span>
                <input class="bb-c-field__input" type="text" value="Profesionales Excepcionales"/>
            </label>
            <label class="bb-c-field">
                <span class="bb-c-field__label">Email</span>
                <input class="bb-c-field__input" type="email"/>
                <span class="bb-c-field__hint">Only to answer you.</span>
            </label>
            <label class="bb-c-field">
                <span class="bb-c-field__label">Topic</span>
                <select class="bb-c-field__input">
                    <option>Profesionales Excepcionales</option>
                </select>
            </label>
        </form>

Selection

Choosing one option among cards, or several with checkboxes.

Usage rule One choice, option cards; several, checkboxes. The whole card is clickable and the choice is never said only in colour.

Variants

Topic
Option cards
Topic
Checkboxes

States

Topic
Focus
Topic
Disabled
Code
<fieldset class="bb-c-choice bb-c-choice--tarjetas">
            <legend class="bb-c-field__label">Topic</legend>
                <label class="bb-c-option">
                    <input type="radio" name="bb-c-choice-normal" checked="True"/>
                    <span class="bb-c-option__title">Profesionales Excepcionales</span>
                    <span class="bb-c-option__text">Profesionales Excepcionales</span>
                </label>
        </fieldset>

Alerts

A short message about what has just happened.

Usage rule One sentence that says what happened and what to do; colour is never the only signal.

Variants

Illuminating today and bringing tomorrow closer

Information

Received: the Profesionales Excepcionales team will answer you.

Success
Error
Code
<div class="bb-c-alert bb-c-alert--info" role="status">
            <span class="bb-c-alert__mark" aria-hidden="true"></span>
            <p class="bb-c-alert__text">Illuminating today and bringing tomorrow closer</p>
        </div>

Badges

Short labels for state, kind or category.

Usage rule One or two words; never as a button.

Variants

Show Version 1 Current

Base

Show Version 1 Current

Compact
Code
<p class="bb-c-badges bb-c-badges--base">
            <span class="bb-c-badge bb-c-badge--acento">Show</span>
            <span class="bb-c-badge">Version 1</span>
            <span class="bb-c-badge bb-c-badge--borde">Current</span>
        </p>

Table

Data in rows and columns, with header.

Usage rule Only for data that is compared; the header always says what each column is.

Variants

StyleSizeUse
Display 180 pxCovers, title cards and big figures
Display 254 pxCovers, title cards and big figures
Title 132 pxPage or section title
Title 222 pxSubtitle and card title
Surface
StyleSizeUse
Display 180 pxCovers, title cards and big figures
Display 254 pxCovers, title cards and big figures
Title 132 pxPage or section title
Title 222 pxSubtitle 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.

11

Downloads

Generated tokens and files

Files

12

For agents

Content in Spanish The context an agent receives

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
How to request it
env["sb.brand"].sb_context("profesionales-excepcionales", purpose="redactar", language="en_US")

Guidelines for image agents

35 / 49 lines within the limit

Context
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.
How to request it
env["sb.brand"].sb_context("profesionales-excepcionales", purpose="imagen", language="en_US")
13

Versions

Published history
  1. v1 2026-11-09 Approved Current