Design system

Part of Singular Works

Institutional text

• Una hora cada miércoles con Javier Pascual en Radio Intercontinental (de 18:00 a 19:00, FM 95.4 y 107.8 en Madrid); después, en vídeo y en pódcast.
• Patrocinio: lo admite.

Variants

Colour

Horizontal · Color

Without margin SVGPNG 128 pxPNG 256 px

Claro

Horizontal · Light

Without margin SVGPNG 1920 pxPNG 3840 px

Colour

Stacked · Color

Without margin SVGPNG 1920 pxPNG 3840 px

Claro

Stacked · Light

Without margin SVGPNG 1920 pxPNG 3840 px

Colour

Icon · Color

Without margin SVGPNG 1920 pxPNG 3840 px

Claro

Icon · Light

Without margin SVGPNG 1920 pxPNG 3840 px

Clear space

Forbidden uses

Profesionales Excepcionales

• El logotipo translúcido no se pone sobre plano claro, sobreexpuesto ni fondo blanco.

• El negativo a dos tonos no se usa en fotografía, vídeo, carátulas, reels ni marca de agua.

• recomponer el texto con otra tipografia (el texto es parte del arte)

Ramps

Palette

Roles

Contrasts

Forbidden combinations

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.

Brand templates

Word letterhead

A4 with the logo, the company foot, the brand styles and placeholders to write over.

Download .docx

The email signature closes every message from the brand: the logo, the person's name and job title, contact details and, if the brand publishes them, a banner and a legal notice. It is generated from the brand's published version, so it changes when the brand does.

First Last

Job title

Phone · email

Brand templates

PowerPoint 16:9

Cover, divider, content, two columns, picture and text, figure or quote and closing with contact, each with its placeholders.

Download .pptx

Skin

Download a sample of the deck. Fictitious content, with no client data.

Structure

1. SB Cover Cover: title, client, reference, date and client logo
2. SB Agenda Contents, with more than two sections
3. SB Section Divider, with 4 slides or more in a section
4. SB Content The included sections, in their order
5. SB Closing Closing: thanks and contact of the owner

Pieces

Sections the body can carry

• Background
• State of the Art
• Goals, Requirements and Scope
• Planning and Milestones
• Methodology
• Governance Model
• Team
• Client Team
• Success Stories
• Fees
• Payment Terms
• Terms and Conditions
• Custom

The brand's templates live in the Applications sections: each one shows the real piece.

Formats

What changes when rotating

Split

la foto pasa del 44 % izquierdo al 38 % superior; el campo navy ocupa el resto

Order

no cambia: logotipo → filete → eslogan → datos → patrocinio

Margins

9 % del ancho a los cuatro lados, más 3 mm de sangre en el PDF

Logotipo

9 % del ancho (mínimo impreso 30 mm); nunca el apilado, que rompe la serie

Slogan

tres líneas a ras por la izquierda, igual que en 16:9

Sponsorship

fuera: el A4 se imprime también sin patrocinador. Se añade como pie sólo cuando la pieza lo exige

Export

PDF para imprenta · PNG 4K para pantalla. SVG sólo con texto trazado.

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

3 / 3 lines within the limit

declaracion.formato: Una hora cada miércoles con Javier Pascual en Radio Intercontinental (de 18:00 a 19:00, FM 95.4 y 107.8 en Madrid); después, en vídeo y en pódcast.
declaracion.patrocinio: Patrocinio: lo admite.
declaracion.slogan: Iluminando el hoy y acercando el manana

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

Guidelines for image agents

33 / 52 lines within the limit

NEVER logo directriz.logo.never.recomponer-el-nombre-con-otra-tipografia: Recomponer el nombre con otra tipografía, ni siquiera con Open Sans. (Open Sans es la tipografía del wordmark, pero el logotipo es un activo, no un texto.)
NEVER logo directriz.logo.never.alterar-la-proporcion-entre-isotipo-y: Alterar la proporción entre isotipo y texto, o separarlos.
NEVER logo directriz.logo.never.deformar-rotar-inclinar-o-anadir-sombra: Deformar, rotar, inclinar o añadir sombra, contorno, relieve o degradado al logotipo.
NEVER logo directriz.logo.never.recolorear-el-logotipo-el-ds-solo: Recolorear el logotipo: el DS solo admite la versión de color y la negativa. (La capa de tinta única (blanco y navy) se retiró el 2026-09-17 por ser derivada; la exportación de Illustrator del 2026-11-01 añade una versión en negro que el DS no regula (ver conflictos).)
NEVER logo directriz.logo.never.poner-la-version-de-color-sobre: Poner la versión de color sobre navy, sobre amarillo o sobre fotografía. (Pierde contraste; para esos fondos va el negativo.)
NEVER logo directriz.logo.never.encerrar-el-logotipo-en-una-caja: Encerrar el logotipo en una caja que invada su área de respeto.
NEVER logo directriz.logo.never.usar-el-negativo-blanco-sobre-plano: Usar el negativo blanco sobre plano claro o sobreexpuesto. (Se funde: tinta media medida 254,254,254 sobre #EDEEF4. La salida, hasta que marca entregue la tinta única, es el isotipo negativo con velo radial navy.)
NEVER logo logo.translucido.prohibido_sobre: El logotipo translúcido no se pone sobre plano claro, sobreexpuesto ni fondo blanco.
NEVER logo logo.negativo_dos_tonos.prohibido_en: El negativo a dos tonos no se usa en fotografía, vídeo, carátulas, reels ni marca de agua.
NEVER logo logo.prohibido: recomponer el texto con otra tipografia (el texto es parte del arte) alterar la proporcion isotipo/texto o separarlos deformar, rotar, inclinar, anadir sombra/contorno/relieve/degradado recolorear (solo existen color y negativo) poner la version de color sobre navy, amarillo o fotografia encerrarlo en una caja que invada su area de respeto
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 · Azul marino 700 (primario) · Azul marino 700, primario de marca (#22264D): superficie de paneles y tinta sobre acento. Contraste: 10,74:1 sobre #ffdd00; 14,46:1 sobre #ffffff.
color.primario-900: #060923 · Azul marino 900 · Azul marino 900. CMYK 100,93,50,76. Rampa de marca; los componentes usan roles, no pasos de rampa.
color.primario-800: #131639 · Azul marino 800 · Azul marino 800. CMYK 100,96,44,55. Rampa de marca; los componentes usan roles, no pasos de rampa.
color.primario-600: #35395d · Azul marino 600 · Azul marino 600. CMYK 88,78,35,29. Rampa de marca; los componentes usan roles, no pasos de rampa.
color.primario-500: #4f537b · Azul marino 500 (periwinkle) · Azul marino 500 (periwinkle). CMYK 77,67,29,13. Rampa de marca; los componentes usan roles, no pasos de rampa.
color.acento: #ffdd00 · Amarillo 500 (acento) · Amarillo 500, único acento (#FFDD00): señalador (palabra clave, estado activo, botón primario), nunca superficie grande. Sobre él, tinta siempre #22264d.
color.acento-700: #9b8700 · Amarillo 700 · Amarillo 700. CMYK 37,34,100,19. Rampa de marca; los componentes usan roles, no pasos de rampa.
color.acento-600: #c6ab00 · Amarillo 600 · Amarillo 600. CMYK 23,25,99,7. Rampa de marca; los componentes usan roles, no pasos de rampa.
color.blanco: #ffffff · Blanco · Blanco: tinta principal sobre navy y fondo del tema claro. Nunca sobre amarillo.
… 19 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. v2 2026-11-04 Approved Current 242 keys changed
2. v1 2026-11-03 Approved