Sistema de diseño

Parte de Singular Works

Valores

Variantes

Color

Horizontal · Color

Con margen SVGPDFPNG 128 px

Sin margen SVGPDFPNG 128 px

Negro

Horizontal · Negro

Con margen SVGPDFPNG 128 px

Sin margen SVGPDFPNG 128 px

Blanco sobre negro

Horizontal · Blanco sobre negro

Con margen SVGPDFPNG 128 px

Sin margen SVGPDFPNG 128 px

Claro

Horizontal · Claro

Con margen SVGPDFPNG 128 px

Sin margen SVGPDFPNG 128 px

Color

Logotipo · Color

Con margen SVGPDFPNG 128 px

Sin margen SVGPDFPNG 128 px

Color

Icono · Color

Con margen SVGPDFPNG 128 px

Sin margen SVGPDFPNG 128 px

Negro

Icono · Negro

Con margen SVGPDFPNG 128 px

Sin margen SVGPDFPNG 128 px

Blanco sobre negro

Icono · Blanco sobre negro

Con margen SVGPDFPNG 128 px

Sin margen SVGPDFPNG 128 px

Claro

Icono · Claro

Con margen SVGPDFPNG 128 px

Sin margen SVGPDFPNG 128 px

Color

Apilado · Color

Con margen SVGPDFPNG 128 px

Sin margen SVGPDFPNG 128 px

Negro

Apilado · Negro

Con margen SVGPDFPNG 128 px

Sin margen SVGPDFPNG 128 px

Blanco sobre negro

Apilado · Blanco sobre negro

Con margen SVGPDFPNG 128 px

Sin margen SVGPDFPNG 128 px

Claro

Apilado · Claro

Con margen SVGPDFPNG 128 px

Sin margen SVGPDFPNG 128 px

Área de respeto

x

Usos prohibidos

Rampas

Roles

Contrastes

Combinaciones prohibidas

• No usar #922B21 sobre #0E0E0E: contraste 2.38:1, por debajo de AA.

• No usar #636363 sobre #0E0E0E: contraste 3.21:1, por debajo de AA.

• No usar #C2C2C2 sobre #F4F4F4: contraste 1.61:1, por debajo de AA.

Familias

Estilos

Radios

Elevación

Sobre superficie clara, para que la sombra se vea en cualquier tema.

Piel

Descargar una muestra del deck. Contenido ficticio, sin ningún dato de cliente.

Estructura

1. SB Cover Portada: título, cliente, referencia, fecha y logotipo del cliente
2. SB Agenda Índice, con más de dos secciones
3. SB Section Separador, con 4 láminas o más en una sección
4. SB Content Las secciones incluidas, en su orden
5. SB Closing Cierre: agradecimiento y contacto del responsable

Piezas

Secciones que puede llevar el cuerpo

• Antecedentes
• Estado del arte
• Objetivos, requisitos y alcance
• Planificación e hitos
• Metodología
• Modelo de gobierno
• Equipo
• Equipo del cliente
• Casos de éxito
• Honorarios
• Condiciones de pago
• Términos y condiciones
• Libre

Ficheros

• Horizontal · Color

  Con margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

  Sin margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

• Horizontal · Negro

  Con margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

  Sin margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

• Horizontal · Blanco sobre negro

  Con margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

  Sin margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

• Horizontal · Claro

  Con margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

  Sin margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

• Logotipo · Color

  Con margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

  Sin margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

• Icono · Color

  Con margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

  Sin margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

• Icono · Negro

  Con margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

  Sin margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

• Icono · Blanco sobre negro

  Con margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

  Sin margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

• Icono · Claro

  Con margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

  Sin margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

• Apilado · Color

  Con margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

  Sin margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

• Apilado · Negro

  Con margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

  Sin margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

• Apilado · Blanco sobre negro

  Con margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

  Sin margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

• Apilado · Claro

  Con margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

  Sin margen SVGPDFPNG 128 pxPNG 256 pxPNG 512 pxPNG 1024 pxPNG 1920 px

Lo publicado para esta audiencia, tal como lo lee un agente: lo obligatorio va primero.

Estilo de comunicación

3 / 3 líneas dentro del tope

valor.rigor: Rigor · Las afirmaciones relevantes se apoyan en datos o en evidencia; lo que no se puede sostener se dice como opinión. El formato incluye una campana de falacias y una guía, «Falacias Argumentativas», que la respalda (KB 2220). · «debate de ideas con rigor» (KB 2220). Lo que se afirma se sostiene.
valor.steelman-de-ambos-lados: Steelman de ambos lados · Se expone la versión más fuerte de cada postura, de las dos partes del debate, y solo después se somete a discusión. No se caricaturiza al otro lado. · «con steelman de ambos lados» (KB 2220). Cada postura se presenta en su mejor versión antes de discutirla.
valor.ideas-sin-correccion-politica: Ideas sin corrección política · Se discute la idea tal como es, sin eufemismos que la suavicen para no incomodar. Los límites editoriales de este valor no están definidos en ninguna fuente y los fija el fundador (ver huecos). · «Las ideas, sin corrección política»: «un espacio libre de corrección política» (KB 2220).

env["sb.brand"].sb_context("polemizando", purpose="redactar")

Directrices para agentes de imágenes

33 / 47 líneas dentro del tope

NUNCA accessibility color.prohibido.1: No usar #922B21 sobre #0E0E0E: contraste 2.38:1, por debajo de AA.
NUNCA accessibility color.prohibido.2: No usar #636363 sobre #0E0E0E: contraste 3.21:1, por debajo de AA.
NUNCA accessibility color.prohibido.3: No usar #C2C2C2 sobre #F4F4F4: contraste 1.61:1, por debajo de AA.
NUNCA logo directriz.logo.never.no-colocar-la-variante-en-color: No colocar la variante en color (con rojo #922B21) sobre #0E0E0E. (Contraste de 2,38:1, por debajo de AA (hoja de contrastes de Illustrator).)
color.primario.50: #fff4f2 · Rojo 50 · Rampa del rojo de marca, paso 50: derivado en OKLCH con el tono fijo (propuesta).
color.primario.100: #ffe2dd · Rojo 100 · Rampa del rojo de marca, paso 100: derivado en OKLCH con el tono fijo (propuesta).
color.primario.200: #fec4bb · Rojo 200 · Rampa del rojo de marca, paso 200: derivado en OKLCH con el tono fijo (propuesta).
color.primario.300: #efaa9e · Rojo 300 · Rampa del rojo de marca, paso 300: derivado en OKLCH con el tono fijo (propuesta).
color.primario.400: #d9897c · Rojo 400 · Rampa del rojo de marca, paso 400: derivado en OKLCH con el tono fijo (propuesta).
color.primario.500: #bf6659 · Rojo 500 · Rampa del rojo de marca, paso 500: derivado en OKLCH con el tono fijo (propuesta).
color.primario.600: #a7463a · Rojo 600 · Rampa del rojo de marca, paso 600: derivado en OKLCH con el tono fijo (propuesta).
color.primario: #922b21 · Rojo · Rampa del rojo de marca, paso 700: rojo de marca #922B21 (AI)
color.primario.800: #51100b · Rojo 800 · Rampa del rojo de marca, paso 800: derivado en OKLCH con el tono fijo (propuesta).
color.primario.900: #2f0403 · Rojo 900 · Rampa del rojo de marca, paso 900: derivado en OKLCH con el tono fijo (propuesta).
color.claro: #f4f4f4 · Blanco roto · Rampa neutra de la paleta, paso 50: blanco roto #F4F4F4 (AI)
color.neutro.100: #e9e9e9 · Neutro 100 · Rampa neutra de la paleta, paso 100: derivado en OKLCH con el tono fijo (propuesta).
color.neutro.200: #d4d4d4 · Neutro 200 · Rampa neutra de la paleta, paso 200: derivado en OKLCH con el tono fijo (propuesta).
color.gris-claro: #c2c2c2 · Gris claro · Rampa neutra de la paleta, paso 300: gris claro #C2C2C2 (AI)
color.neutro.400: #a1a1a1 · Neutro 400 · Rampa neutra de la paleta, paso 400: derivado en OKLCH con el tono fijo (propuesta).
color.neutro.500: #838383 · Neutro 500 · Rampa neutra de la paleta, paso 500: derivado en OKLCH con el tono fijo (propuesta).
color.primario-monocromo: #636363 · Rojo en monocromo · Rampa neutra de la paleta, paso 600: rojo en monocromo #636363 (AI)
color.neutro.700: #4d4d4d · Neutro 700 · Rampa neutra de la paleta, paso 700: derivado en OKLCH con el tono fijo (propuesta).
color.neutro.800: #2b2b2b · Neutro 800 · Rampa neutra de la paleta, paso 800: derivado en OKLCH con el tono fijo (propuesta).
color.oscuro: #0e0e0e · Negro · Rampa neutra de la paleta, paso 900: negro #0E0E0E (AI)
color.exito.50: #e7ffe4 · Verde 50 · Rampa verde, paso 50: derivado en OKLCH con el tono fijo (propuesta).
color.exito.100: #ccf7c8 · Verde 100 · Rampa verde, paso 100: derivado en OKLCH con el tono fijo (propuesta).
color.exito.200: #aae7a5 · Verde 200 · Rampa verde, paso 200: derivado en OKLCH con el tono fijo (propuesta).
color.exito.300: #88d482 · Verde 300 · Rampa verde, paso 300: derivado en OKLCH con el tono fijo (propuesta).
color.exito.400: #5dba57 · Verde 400 · Rampa verde, paso 400: derivado en OKLCH con el tono fijo (propuesta).
color.exito.500: #0e970e · Verde de aprobado · Rampa verde, paso 500: verde de aprobado #0E970E de la hoja de contrastes (AI)
color.exito.600: #028004 · Verde 600 · Rampa verde, paso 600: derivado en OKLCH con el tono fijo (propuesta).
color.exito.700: #015f02 · Verde 700 · Rampa verde, paso 700: derivado en OKLCH con el tono fijo (propuesta).
color.exito.800: #013601 · Verde 800 · Rampa verde, paso 800: derivado en OKLCH con el tono fijo (propuesta).
… 14 líneas recortadas por el tope, 0 obligatorias: pide un max_chars mayor.

env["sb.brand"].sb_context("polemizando", purpose="imagen")

1. v2 2026-11-04 Aprobación Vigente 143 claves cambiadas
2. v1 2026-11-03 Aprobación