Paleta de 5 colores, 2 fuentes con roles definidos, 5 prompts listos para usar y los 4 errores visuales que Claude Design vino a eliminar.
"El diseño de Claude no es estética. Es el lenguaje visual de una nueva forma de trabajar con inteligencia artificial."
Si alguna vez le pediste a Claude que te diseñara algo y el resultado parecía sacado de una presentación corporativa de 2015, esta guía es para ti. El problema no era Claude — era que no tenías el lenguaje correcto para pedirle lo que realmente querías. Claude Design te da ese lenguaje.
En abril de 2026, Anthropic lanzó Claude Design: la identidad visual oficial de Claude. No es solo un rebrand. Es el primer sistema de diseño completo construido específicamente para una IA de uso general, con una filosofía clara: calidez humana + precisión técnica. Sin azules fríos. Sin degradados de ciencia ficción. Sin estética de startup genérica.
El sistema incluye paleta de 5 colores, dos fuentes con roles definidos, principios de movimiento, y directrices de voz y tono. Todo cohesionado. Cuando citas estos elementos en tus prompts, Claude los reconoce y los aplica directamente.
Por qué importa esto para ti como usuario de Claude: cuando pides a Claude que genere contenido visual, presentaciones o interfaces, el modelo reconoce su propio sistema de diseño y puede aplicarlo directamente si se lo indicas.
Cinco colores, cada uno con un trabajo específico. No son intercambiables ni decorativos — son estructurales. Clic en el hex para copiarlo.
Cómo combinarlos
Dos fuentes. Cada una con un rol que no se intercambia. La tensión entre ellas es exactamente lo que le da carácter al sistema.
"La combinación Playfair + Inter no es accidental. Refleja la dualidad de Claude: cálido y preciso al mismo tiempo. Serif para el corazón, sans para la cabeza."
PRINCIPIO TIPOGRÁFICO CLAUDE DESIGN
💡 En Expertos AI Builder usamos esto para validar propuestas de diseño con clientes — les mostramos paletas Claude Design y les pedimos que elijan. El 80% prefiere combinaciones que nosotros no habríamos elegido.
Estos prompts convierten el sistema en material concreto. Cada uno está pensado para un caso de uso diferente. Cópialos, rellena las variables y ejecuta.
Actúa como diseñador con conocimiento del sistema Claude Design. Quiero crear una paleta de colores para mi marca [NOMBRE MARCA] que opere en el sector [SECTOR]. Sigue estos principios de Claude Design: - Tonos cálidos, no fríos ni tecnológicos - Máximo 5 colores base - Un color de acento para CTAs y destacados - Que transmita: calidez humana + precisión técnica Dame: nombre de cada color, hex code, y caso de uso específico.
Ejemplo de resultado esperado
Para una agencia de marketing en el sector B2B, Claude genera: "Ivory" (#F7F3EC) como fondo cálido principal, "Obsidian" (#111111) para texto y secciones oscuras, "Rust" (#B84012) como acento de CTAs, "Pebble" (#6E6E6E) para texto secundario, y "Linen" (#E6DECE) para cards y separadores. Cada color lleva una tabla con nombre, hex, contraste WCAG y 3 ejemplos de uso concreto.
Necesito crear una presentación de [X] slides sobre [TEMA]. Usa el sistema tipográfico de Claude Design: - Títulos en Playfair Display con una palabra clave en cursiva - Subtítulos y cuerpo en Inter sans-serif - Fondo crema (#F5F0E8) para slides de luz - Fondo negro (#0D0D0D) para slides de contraste - Acento terracota (#C1440E) para destacados y CTAs - Sin gradientes azul-morado, sin fuentes geométricas frías Estructura de la presentación: [ESTRUCTURA]
Ejemplo de resultado esperado
Claude devuelve 10 slides con copy completo: portada con headline "Construye tu marca con criterio" sobre fondo crema, 6 slides de contenido alternando claro/oscuro con bullets cortos y palabras clave en cursiva terracota, y una slide de cierre con CTA sobre fondo negro. Incluye notas de presentador y especificaciones de color/fuente para trasladar a Canva o PowerPoint en 15 minutos.
Crea el copy y describe el diseño visual de un carrusel de Instagram de 6 slides sobre [TEMA]. Principios visuales a seguir: - Tipografía: títulos grandes serif, body sans-serif - Colores: fondo crema o negro, acento terracota - Tono: directo, humano, sin jerga de startup - Cada slide: 1 idea, headline corto + 2 líneas de apoyo - Slide 1: hook con pregunta o dato sorprendente - Slides 2-5: desarrollo con palabra clave en cursiva - Slide 6: CTA claro Audiencia: [AUDIENCIA]
Ejemplo de resultado esperado
Slide 1: "¿Por qué tu contenido no convierte aunque tengas 10K seguidores?" — fondo negro, headline en Playfair Display blanco, dato de apoyo en Inter gris claro. Slides 2-5: cada uno con una razón concreta, palabra clave en cursiva terracota. Slide 6: "Guarda este carrusel y aplica el primero esta semana" — fondo terracota, texto blanco bold. Incluye descripción de diseño para Canva.
Voy a crear un documento sobre [TEMA] para [AUDIENCIA]. Aplica el sistema editorial de Claude Design: - Jerarquía clara: H1 para título, H2 para secciones, H3 para subsecciones - Párrafos cortos (máximo 3-4 líneas) - Negritas solo para conceptos clave, no decoración - Al menos una cita o insight destacado en bloque - Tono: experto pero accesible, sin palabras relleno Extensión: [EXTENSIÓN]
Ejemplo de resultado esperado
Claude genera un documento de 800 palabras con H2 para cada sección principal, párrafos de 2-3 líneas separados por espacio generoso, un bloque de cita destacado con borde izquierdo, y negritas solo en los 4-5 conceptos más importantes. Sin bullets anidados. Sin adjetivos vacíos. Listo para pegar en Notion, Word o convertir a PDF con formato limpio.
Tengo una marca llamada [NOMBRE] en el sector [SECTOR]. Mis colores actuales son: [COLORES] Mi tipografía actual es: [TIPOGRAFÍA] Quiero adaptar los principios de Claude Design a mi marca sin copiarla. Dame: 1. Cómo ajustar mi paleta siguiendo los principios de calidez y contraste de Claude Design 2. Qué tipografías similares podría usar si no tengo Playfair Display 3. 3 reglas de diseño específicas para mi sector 4. Qué NO hacer (los anti-patrones que Claude Design evita)
Ejemplo de resultado esperado
Para una marca de fitness con naranja y negro, Claude entrega: ajuste de paleta calentando el naranja hacia terracota (#C8520A) y añadiendo un crema oscuro (#F0EBE0) en vez de blanco; sugiere Cormorant Garamond como serif alternativa y DM Sans para cuerpo; propone 3 reglas sectoriales (fotografías en acción sobre fondos oscuros, tipografía bold para métricas, CTAs siempre directos sin verbos pasivos); y lista 4 anti-patrones a evitar: gradientes neón, fuentes condensadas en títulos largos, iconos genéricos de gym, y paletas de más de 3 colores activos.
Claude Design no es solo para empresas de tecnología. Funciona en cualquier sector si se adaptan los principios, no los colores exactos.
🏢 Si tienes una agencia
Usa Claude Design como sistema base para propuestas a clientes que arrancan desde cero. El sistema crema/negro/terracota funciona como placeholder de marca que puedes personalizar en minutos. Prompt rápido para adaptar:
🛍️ Si vendes productos o servicios
Aplícalo en tus emails de venta y landing pages. El contraste claro/oscuro de Claude Design aumenta la legibilidad y reduce el rebote. Lo más fácil: usa el Prompt 2 de esta guía para tu próxima propuesta de servicio o página de producto. El resultado se ve profesional sin necesitar diseñador.
🎬 Si eres creador de contenido
Claude Design resuelve el problema del creador que no sabe diseño: te da un sistema coherente para todos tus materiales. Usa Cream (#F5F0E8) como fondo de tus thumbnails, Black (#0D0D0D) para el texto, y Terra (#C1440E) para el elemento que quieres que la gente vea primero. Empieza por el Prompt 3 para tu próximo carrusel.
El sistema no solo define qué hacer — define también qué dejar de hacer. Estos son los patrones visuales que convirtieron a la IA en algo aburrido y genérico.
La pregunta que Claude Design responde no es "¿cómo hacemos que esto parezca de IA?" sino "¿cómo hacemos que esto parezca hecho por personas inteligentes?"
Ya dominas el Bloque 1. El siguiente nivel: