Design system

Part of Singular Works

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.

The P that is also a microphone: the podcast in which exceptional professionals tell their craft in their own voice.

Leitmotif

Variants

Colour

Horizontal · Color

Without margin SVGPNG 128 pxPNG 256 px

Light

Horizontal · Light

Without margin SVGPNG 1920 pxPNG 3840 px

Colour

Stacked · Color

Without margin SVGPNG 1920 pxPNG 3840 px

Light

Stacked · Light

Without margin SVGPNG 1920 pxPNG 3840 px

Colour

Icon · Color

Without margin SVGPNG 1920 pxPNG 3840 px

Light

Icon · Light

Without margin SVGPNG 1920 pxPNG 3840 px

Logo design Alba Espinosa (Estudio Nácar)

Clear space

Forbidden uses

• 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)

Ramps

Palette

Roles

Contrasts

Families

Styles

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

Elevation

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

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

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.

Formats

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.

A photo of a product or an object, with no background, framed and set on the brand's corporate background.

The generator is for brand editors: sign in with your Odoo account.

Files

• Horizontal · Color

  Without margin SVGPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 pxPNG 3840 px

• Horizontal · Light

  Without margin SVGPNG 1920 pxPNG 3840 px

• Stacked · Color

  Without margin SVGPNG 1920 pxPNG 3840 px

• Stacked · Light

  Without margin SVGPNG 1920 pxPNG 3840 px

• Icon · Color

  Without margin SVGPNG 1920 pxPNG 3840 px

• Icon · Light

  Without margin SVGPNG 1920 pxPNG 3840 px

What is published for this audience, as an agent reads it: what is mandatory comes first.

Communication style

4 / 4 lines within the limit

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.patrocinio: Sponsorship: allowed.
declaracion.slogan: Illuminating today and bringing tomorrow closer

env["sb.brand"].sb_context("profesionales-excepcionales", purpose="redactar", language="en_US")

Guidelines for image agents

35 / 65 lines within the limit

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: #ffdd00
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: #ffdd00 · 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.
… 30 lines cut by the limit, 0 mandatory: request a larger max_chars.

env["sb.brand"].sb_context("profesionales-excepcionales", purpose="imagen", language="en_US")

1. v14 2026-11-09 Approved Current