PORCELANOSA · Sales Presentation Design System
Designing Unforgettable Moments

Sales Presentation
Design System

Porcelanosa Grupo · IBD
v1.0 · 2026 Internal Use Javi Calero
Philosophy
01 · Filosofía

Editorial premium.
Una idea por slide.

Este sistema no diseña pantallas — diseña presentaciones comerciales. Decks ejecutivos, pitch internacional, propuestas a partners, market intelligence IBD, eventos.

La marca opera como un editor de revista: tipografía display elegante, imágenes lifestyle, mucho aire respiratorio. El big wordmark sangrado superior es el ADN visual del sistema y aparece en todos los slides de contenido. Es la firma.

Cuando estás delante de un partner internacional, el deck no se lee: se siente. Una idea por slide, mucho aire, tipografía que respira.

— Principio rector. Aplicable a todos los entregables comerciales del Grupo.

Cuándo aplicarlo

Pitch externo a partner · market study IBD · propuesta de franquicia · deck de sostenibilidad · presentación de feria · briefing comercial.

Cuándo no

Reportes formales con datos densos, dashboards, infografías institucionales o papelería corporativa — para eso existe el Brand System (sección 08).

Output esperado

PPTX 16:9 (1920×1080) · 35–40 slides máx. ejecutivo · PDF complementario para detalle exhaustivo · tono ejecutivo bilingüe ES/EN.

Color
02 · Paleta editorial

Bone & Slate.
Sin más.

Solo dos colores hacen el sistema entero. La atmósfera editorial nace del contraste cálido entre bone (fondo dominante) y slate (texto + slides highlight). El acento amarillo Pantone 123C no se usa en este sistema.

Bone
#EEEAE5
Fondo dominante
Fondo de la mayoría de slides de contenido. Cálido, neutro, no agresivo. Da carácter editorial sin ruido.
Slate
#394049
Texto · Highlights · Cover
Color corporativo principal. Texto sobre bone, fondo de covers, closings y slides highlight (rotura visual cada 4–6 slides).
Gray
#B2B4B7
Neutro auxiliar
Gris medio neutro. Placeholders, texto secundario, gráficos secundarios. Uso parsimonioso.
Pure
#FFFFFF
Texto sobre slate · Logo
Line Light
rgba(57, 64, 73, 0.20)
Separadores sobre bone
Line Dark
rgba(255, 255, 255, 0.30)
Separadores sobre slate

Aplicación por modo de slide

Modo Fondo Texto principal Wordmark superior Footer
Cover Slate #394049 Logo Pure centrado
Contenido (mayoría) Bone #EEEAE5 Slate Slate · alpha 0.20 Slate Display 14pt
Highlight (rotura) Slate #394049 Pure Pure · alpha 0.30 Pure Display 14pt
Closing Slate #394049 Logo Pure centrado

⚠ Si necesitas un highlight cromático, el recurso es invertir el slide (slate→bone o viceversa), no introducir un tercer color. La paleta cerrada es deliberada: garantiza coherencia entre decks producidos por distintas personas.

Typography
03 · Tipografía

Dos fuentes.
Ningún ruido.

Cormorant Garamond para todo lo que es display (titulares, big wordmarks, big stats). Be Vietnam Pro para body, eyebrows y captions, en dos pesos: 200 ExtraLight y 500 Medium. Cualquier otra fuente rompe el sistema.

Cormorant Garamond
Display · Titulares · Big Wordmarks · Big Stats
Sustituto Google Fonts de Romelio Sans (fuente oficial corporativa, comercial).
Designing Unforgettable Moments
A B C D E · 0 1 2 3 4 5 6 7 8 9 · & ? !
Pesos disponibles: 400 (Regular) · 400 italic · 500 (Medium). En este sistema solo se usa Regular.
Be Vietnam Pro
Body · Eyebrows · Captions · Footer
Disponible directamente en Google Fonts. Pesos usados: 200 + 500.
El catálogo Porcelanosa cubre todas las superficies de un proyecto residencial premium.
Be Vietnam Pro Medium 500 · para eyebrows y emphasis dentro de párrafo.
A B C D E · 0 1 2 3 4 5 6 7 8 9

Jerarquía tipográfica · Slide 16:9 (1920×1080)

Nivel Fuente Tamaño Peso Tracking Uso
Big WordmarkCormorant180–220pt4000Sangrado superior, alpha 0.20
H1 cover/closingCormorant96–120pt4000.01emLogo "PORCELANOSA"
H2 título slideBe Vietnam44–56pt5000Título principal
H3 subtítuloBe Vietnam24–28pt5000Subhead opcional
Big StatCormorant80–120pt4000"12.000 visitors"
BodyBe Vietnam18–22pt2000Párrafos largos
Body emphasisBe Vietnam18–22pt5000Énfasis dentro de párrafo
EyebrowBe Vietnam12–14pt5000.20em UPPERPre-headlines
CaptionBe Vietnam11–13pt2000.05emPies de imagen
FooterCormorant14pt4000.05em"PORCELANOSA" abajo der.

Importación Google Fonts

<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;1,400&family=Be+Vietnam+Pro:wght@200;500&display=swap" rel="stylesheet">
Wordmark
04 · Componente firma

El big wordmark
es el ADN del sistema.

Aparece en todos los slides de contenido excepto cover y closing. Sangrado superior, centrado horizontalmente, en mayúsculas, con alpha 0.20 sobre bone o 0.30 sobre slate.

Su función es doble: anclaje visual que da ritmo a la narrativa (la audiencia sabe que sigue dentro de la misma sección) y firma editorial que diferencia el sistema de cualquier deck genérico. Sin él, el sistema pierde su carácter.

Especificaciones
FuenteCormorant Garamond 400
Tamaño180–220pt
PosiciónSangrado superior, centrado
Color sobre boneSlate · alpha 0.20
Color sobre slatePure · alpha 0.30
TextoConcepto del slide en MAYÚSCULAS
Tracking0

El concepto del wordmark debe ser una palabra o sintagma corto que resuma el slide: Philosophy, Color, Heritage, Network, Sustainability. No frases, no oraciones.

Layouts
05 · Sistema de layouts

Once layouts.
Combinables.

Los layouts L01–L11 son los únicos templates oficiales del sistema. Modo bone para la mayoría de slides; modo slate como rotura visual cada 4–6 slides. No mezclar con otros formatos.

Patrón de construcción: apertura con L01 → intro institucional L02 → cuerpo con combinación libre L03–L10 → cierre L11. Highlights slate (L05, L09) máximo 1 cada 5–6 slides. L07 reservado para imagen hero. L10 reservado para grid de logos / certificaciones.

PORCELANOSA
L01
Cover
Slate

Logo PORCELANOSA centrado vertical y horizontal. Fondo slate puro.

PORCELANOSA
DESIGNING UNFORGETTABLE
Heritage of craftsmanship
Founded in 1973, Porcelanosa Group has built a global network of 900 showrooms across 150 countries…
PORC.
GAMA.
KRION
L'AC
L02
Intro institucional
Bone

Imagen vertical izq + stack derecha (eyebrow, título, body, brand wall 2×4).

HERITAGE
1973
PORCELANOSA
1985
GAMADECOR
1990
L'AC
2000
KRION
L03
Brand timeline
Bone

Grid 4+3 con año/marca/descripción + line connectors con dots.

NETWORK
Global presence
900
SHOWROOMS
150
COUNTRIES
7
BRANDS
L04
3 Stats sobre mapa
Bone

Título central + mapa fantasma fondo + 3 columnas stat con separadores verticales.

VISION
Premium materials, global vision
Each surface, each finish, each component reflects four decades of refining what premium means in residential architecture.
L05
Split text + imagen vertical
Slate · Highlight

Título + body izq + imagen vertical der. Rotura visual cada 4–6 slides.

CRAFT
SECTION EYEBROW
A culture of precision
Every product undergoes 47 quality controls before leaving our facilities. The result: surfaces that maintain their integrity decades after installation.
L06
Título + texto + imagen vertical
Bone

Eyebrow + título + subtítulo + párrafo izq + imagen vertical der.

SHOWROOM
PORCELANOSA Flagship · Vila-real, Spain · 2024
L07
Imagen full-width central
Bone

Reservado para momentos hero: producto, instalación icónica, referencia visual potente.

PROJECTS
L08
Galería asimétrica
Bone

Imagen grande izq arriba + imagen izq abajo + imagen vertical der.

STRATEGY
Three strategic pillars for 2026
First, deepening our presence in tier-1 metropolitan markets where the residential premium segment continues to expand. Second, accelerating sustainability certifications across our entire product portfolio. Third, integrating digital tools that enhance the showroom experience for our partners.
L09
Split párrafos largos + imagen
Slate · Highlight

Título + 3 párrafos densos izq + imagen vertical der. Para contenido estratégico.

CERTIFIED
L10
Grid logos / certificaciones
Bone

Grid 5×8 (40 celdas) para logos institucionales, partners, certificaciones.

PORCELANOSA
L11
Closing
Slate

Logo PORCELANOSA centrado. Espejo de L01. Cierra cada deck.

Brands
06 · Brand wall

Siete marcas vivas.
Un Grupo.

El brand wall del Grupo Porcelanosa es input obligatorio en el módulo "marcas seleccionadas" de cualquier propuesta. Siempre con grafía oficial, en el orden establecido. Nunca traducir nombres a otros idiomas.

PORCELANOSA
GAMADECOR
L'ANTIC COLONIAL
BUTECH
NOKEN
KRION
XTONE
— · —

Posicionamiento

# Marca Categoría Posicionamiento
1PorcelanosaCerámica gran formato premium (integra catálogo Venis)Marca insignia · premium aspiracional
2GamadecorCocina + baño + lifestyleEspacios integrales premium
3L'Antic ColonialPiedra natural + maderaNaturalidad artesana
4ButechSistemas constructivosTécnico · fiabilidad · instalación
5NokenSanitarios + griferíaDiseño escultural · bienestar
6KrionSuperficies sólidas (integra Systempool)Innovación material
7XtonePorcelánico gran formatoSuperficies arquitectónicas

Marcas históricas: Venis y Systempool aparecen en el manual oficial 2014. No usar en outputs comerciales nuevos. Solo permitido en contenido histórico (50 aniversario, memoria, papelería antigua) marcando explícitamente "marca histórica del Grupo".

Proposal
07 · Plantilla 7 módulos · PPE

Propuesta comercial
de franquicia.

Estructura canónica para propuestas a distribuidores y franquiciados internacionales. Siete módulos secuenciales, personalización por país y por subset de marcas seleccionadas. Por defecto, sin precios (preserva margen de negociación).

01

Portada y propuesta de valor

Logos del Grupo + país + nombre del partner. Una frase de propuesta de valor en idioma local del país por defecto. Aplica L01 (cover slate).

02

Marcas seleccionadas

Subset relevante de las 7 marcas vivas para el partner concreto. Para cada una: claim, posicionamiento, productos hero. Aplica L03 timeline o L02 brand wall.

03

Apertura económica

Inversión inicial estimada · requisitos de showroom (m², ubicación, layout) · stock inicial recomendado. Datos cuantitativos validados con anti-alucinación de 5 capas.

04

Soporte ofrecido por Porcelanosa

Marketing · formación · visual merchandising · asistencia técnica. Tangible, no genérico. Aplica L09 (split párrafos largos slate) si requiere densidad.

05

Roadmap de apertura

Hitos a 3 / 6 / 12 / 24 meses. Una línea de tiempo clara. Aplica L03 timeline adaptado.

06

Términos comerciales

Modelo de partnership · exclusividad · condiciones de pago · MOQ · márgenes orientativos. Solo si Javi lo aprueba explícitamente — por defecto se omite para preservar margen de negociación.

07

Cierre

Próximos pasos concretos con owner y fecha + contacto IBD. CTA específico, nunca genérico. Aplica L11 (closing slate).

Idioma por defecto: idioma local del país del partner. Términos técnicos del Grupo (showroom, contract, retail) se mantienen en su uso interno establecido. Traducción asistida con agente content-writer en modo bilingüe ES/EN.

Rules
08 · Reglas operativas

Cinco reglas.
Inviolables.

Producto del refactor v1.2 tras los problemas detectados en el caso Gamadecor (deck de 136 slides, texto cortado, jerga interna en contenido ejecutivo). Ningún output sale sin pasar por estas cinco reglas.

01
Densidad
Máximo 60 palabras por slide
Antes de generar, contar palabras del contenido propuesto. Si supera 60: reformular para ser más conciso, dividir en dos slides si el contenido es esencial, o mover el detalle al PDF complementario.
02
Alcance
Máximo 35–40 slides en deck ejecutivo
Si la planificación supera 40, alerta explícita al usuario con tres opciones: dividir en deck (35) + PDF exhaustivo, mantener exhaustividad solo en PDF, o confirmar generación más larga con justificación. Sin confirmación textual: no se genera.
03
QA visual
Verificación visual obligatoria post-generación
PPTX → PDF (LibreOffice) → imagen por slide (pdftoppm) → inspección. Comprobar: texto fuera del contenedor, solapamientos, iconos cortados, tablas con columnas que no caben. Defecto detectado → regenerar y repetir. No se entrega a ciegas.
04
Formato
Distinción PDF vs PPTX
PDF para contenido exhaustivo, denso, lectura asíncrona — sin límite de páginas. PPTX para contenido ejecutivo, presentación oral, lectura visual — 35-40 max. Ambigüedad → producir ambos formatos.
05
Lenguaje
Capa executive-translator antes de entregar
Eliminar siempre: nombres de LLMs (ChatGPT, Claude, Perplexity, Grok, Gemini), IDs internos (Track A.4, track #9), rutas a archivos del sistema (data/processed/…, scripts/…), nombres técnicos del sistema (fact-checker, research-synthesizer, skill X), jerga (triangulación ponderada, cross-check, delta enriquecido). Mantener: tags de confianza (✅ 🟡 🟠), cifras concretas con fuentes, conclusiones críticas.
Reports
09 · Sistema secundario

Brand System
para reportes formales.

Cuando el deck necesita un PDF complementario exhaustivo —datos densos, tablas grandes, KPIs, infografías institucionales que acompañan a la presentación— el sistema editorial cede el sitio al Brand System.

Sistema institucional puro. Fondo blanco. Texto Pantone 432C. Acento Pantone 123C amarillo, uso muy puntual (máx. 1 KPI o fila destacada por vista). Tipografía: Cormorant Garamond + Marcellus. Permite tablas largas, gráficos con leyendas, densidad informativa alta sin perder elegancia.

Pure
#FFFFFF
Fondo principal
Primary
#333F48
Pantone 432C · Texto
Accent
#FFC72C
Pantone 123C · Datos clave

Aplicación · KPI Block + Tabla

REVENUE 2025
€1.34B
Consolidated Group revenue
YOY GROWTH
+4.2%
vs. previous fiscal year
EXPORT SHARE
62%
International markets · IBD scope
TIER-1 MARKETS · OPPORTUNITY VS RISK
Country Tier Status Index
United States1Opportunity+82
France1Opportunity · Priority+91
Saudi Arabia1Opportunity+76
Italy1Saturated−14
Germany1Saturated−9
Source: IBD competitive intelligence dashboard · 2025-Q4 · HS 9403.40 trade flow analysis

Cuándo intercambiar sistemas: el PPTX comercial usa Editorial; el PDF complementario que entregue datos densos puede usar Brand. Nunca mezclar los dos sistemas en un mismo entregable.

Validate
10 · Validation checklist

Antes de
entregar.

Veintiún puntos. Si alguno falla, no se entrega. Idealmente automatizado con script de validación; mínimo, revisión manual antes de mandar al partner.

Sistema editorial
  • Fondo bone #EEEAE5 o slate #394049. No otro color.
  • Big wordmark sangrado superior en TODOS los slides excepto cover y closing.
  • Footer "PORCELANOSA" en Cormorant 14pt esquina inferior derecha.
  • Sin numeración de página.
  • Solo 2 tipografías: Cormorant Garamond + Be Vietnam Pro (200 + 500).
  • Eyebrows en uppercase con tracking 0.20em.
  • Highlights slate cada 4–6 slides máximo.
  • Brand wall versión 2024 (7 marcas vivas).
  • Imágenes lifestyle sin overlays de color.
  • Sin amarillo 123C, sin gradientes, sin bordes redondeados.
Operativa
  • Ningún slide supera 60 palabras.
  • Total ≤ 40 slides (o aprobación textual explícita del usuario).
  • Verificación visual PPTX→PDF→imagen completada sin defectos.
  • Distinción PPTX (ejecutivo) vs PDF (exhaustivo) clara.
  • Capa executive-translator aplicada — sin jerga interna.
  • Cifras cuantitativas con tag de confianza (✅ 🟡 🟠).
  • Cifras críticas pasadas por anti-alucinación de 5 capas.
  • Sin precios salvo aprobación explícita de Javi.
  • Idioma del país del partner (default inglés si internacional).
  • CTA final concreto con owner + fecha.
  • Logos y casos de éxito verificados — nada inventado.
End

Porcelanosa

Sales Presentation Design System · v1.0
IBD · Castellón 2026 Javi Calero