# Keyword — Guía de diseño para Claude

Archivo base: úsalo siempre como contexto (CLAUDE.md o adjunto) cuando Claude diseñe o redacte para Keyword.
Según la pieza, suma el archivo específico:
- Presentaciones 1920 × 1080 → `keyword-presentaciones.md`
- Documentos A4 (Word, PDF, informes) → `keyword-documentos-a4.md`
- Anuncios de empleo → `keyword-anuncios-empleo.md`

## Paleta oficial (usar siempre por nombre)

**Principales** (base de toda pieza): Night #18191F · Dark knight #050505 · Dark Pink I #9500C5 · Lavender #D4BBFF
**Secundarios**: Dark blue #201061 · Orange #FFBF5E · Olive #DDF086
**Acentos** (poca cantidad): Blue #3673EF · Dark lavender #8D61FF
**Complementarios**: Dark Pink II #620083 · Light smoke #E5E5E5

### Combinaciones verificadas (fondo → texto)
- Blanco → Blue o Night
- Light smoke → Dark blue o Night
- Lavender / Olive → Dark blue o Night
- Orange → Dark knight o Night
- Dark blue → Olive o blanco
- Night, Dark knight → blanco o Lavender
- Dark Pink I y II, Dark lavender, Blue, Night, Dark knight → blanco

### Gráficas
- Orden de colores para series: Dark Pink I #9500C5, Orange #FFBF5E, Dark blue #201061, Blue #3673EF, Olive #DDF086, Dark Pink II #620083.
- Sobre blanco, Orange y Olive no llegan a 3:1 de contraste: cada dato lleva su valor escrito.

## Qué es Keyword
Somos una consultora que se especializa en el análisis y monitoreo del entorno político, económico y normativo que impacta el giro del negocio de las empresas. Somos expertos en el manejo de Asuntos Públicos y Comunicaciones Estratégicas Integradas, apoyadas en la creatividad e ingenio. Brindamos a nuestros clientes información oportuna respecto a temas que tienen incidencia, directa e indirecta, en el desarrollo de su negocio.
Keyword se presenta siempre como **consultora** (no "agencia").

## Golden circle
- Why: Creemos en la voz y el rol del sector privado como un actor clave para el desarrollo de la sociedad.
- How: Apoyamos y guiamos a través de: excelencia profesional, herramientas tecnológicas y gestión neutral y transparente.
- What: Convertimos la coyuntura en oportunidades.

## Keywords de marca
Innovación, Integridad, Excelencia, Estrategia, Profesionalismo, Enfoque en el cliente, Transparencia, Colaboración, Confianza, Dinamismo, Personalización, Agilidad, Proactividad, Integración.

## Productos key (naming)
Productos de información estratégica (infografías, reportes, páginas interactivas), cada uno sobre una temática. Se nombran con el prefijo "key" + tema, en minúsculas: keyeconomics, keypolitics, keylaw, keyelecciones, keyradar, keyreview, keymapeo. Sinopsis también es un producto key, con un nombre distinto.
Construcción del logo: uno o varios elementos gráficos de la marca en un color propio del producto + "key" en TT Commons DemiBold + tema en TT Commons Light Italic.

## Key visual
- Tagline: "Transformamos la coyuntura / en oportunidades" (segunda línea en light, color Lavender #D4BBFF).
- Servicios: Información Estratégica / Asuntos Públicos / Comunicación Estratégica.
- Composición: fotografía arriba, franja Night (#18191F) abajo, logo blanco montado sobre el borde entre foto y franja, asterisco 3D a la derecha cruzando ese borde.

## Tono de voz
Keyword habla como un aliado estratégico: entiende el entorno empresarial, lo explica con claridad y ayuda a tomar decisiones. La voz refleja relaciones duraderas basadas en la innovación y la integridad, y el compromiso con la excelencia profesional. Siempre proyecta confianza y transparencia.
Keyword asesora desde los asuntos públicos pero no tiene relaciones directas con autoridades: nunca prometer gestiones ni contactos con funcionarios.
- Claros, no simplistas. Así no: “Esa reforma no le afecta, no se preocupe.”
- Rigurosos, no académicos ni fríos. Así no: “Conforme al marco teórico de la economía institucional, el equilibrio regulatorio…”
- Neutrales y transparentes, no partidistas ni opacos. Así no: “Este gobierno es un desastre.” / “Hablamos con el ministro y lo resolvemos.”
- Cercanos, no informales ni complacientes. Así no: “¡Tranqui! Lo que usted diga, así lo hacemos.”
- Propositivos, no alarmistas ni especulativos. Así no: “¡Crisis total! Esta ley va a quebrar al sector.”

## Tipografía
- Principal: TT Commons (se activa desde Adobe Fonts: https://fonts.adobe.com/fonts/tt-commons-pro).
- PowerPoint editable para clientes: títulos en Century Gothic y textos en Arial (instaladas en Windows y Mac).
- Secundaria y respaldo: Figtree (Google Fonts). Usarla siempre que TT Commons no esté disponible: web, Word, PowerPoint, Google Docs, correo. En CSS: `font-family: "TT Commons", "Figtree", system-ui, sans-serif;`
- Pesos permitidos de TT Commons: 200, 300, 500, 600, 700, 800. No usar 100, 400 ni 900.

## Fondos
- Fondo principal: degradado radial magenta (#C8009B) que se funde a negro (#000000), centrado arriba a la derecha.

## Elementos gráficos
Concepto: del asterisco al círculo. El asterisco señala que hay algo más (una nota, un dato); al girar, sus trazos forman un círculo. Partimos del análisis preciso y llegamos a una visión integral de 360°.
- Asterisco = detalle y análisis preciso.
- Círculo / anillo = visión integral, continuidad, acompañamiento de principio a fin.
- Puntos (burbujas) = conexión, movimiento y adaptación a cada cliente.
- Renders 3D (asterisco 3D, flor, medialunas): son para usar en presentaciones, acompañando las láminas divisoras.
- Asterisco: Dark Pink I #9500C5 (o Lavender). Como fondo decorativo, al 9–18 % de opacidad para que no cargue el diseño (en presentaciones, 9 %); rotado -15°, saliendo por una esquina.
- Círculo / anillo: Olive #DDF086 u Orange #FFBF5E (puede variar según la pieza); grosor ≈ 36 % del radio exterior.
- Burbujas: círculos de la paleta al 16–50 % de opacidad, solo sobre planchas oscuras.

## Logo: colores permitidos
- Solo en blanco, Night #18191F o Dark knight #050505. Nunca en otro color.
- Puede ir sobre cualquier color de la paleta y sobre fotografías, con buen contraste.
- Nunca usar solo la parte tipográfica sin el isotipo.

## Logo: área de respeto
- 1x = alto del círculo interno del isotipo (el hueco de la llave).
- Área de respeto: 2x libre alrededor del logo.
- Tamaño mínimo: 96 px de ancho en digital, 25 mm en impreso. Más pequeño → usar el favicon.
- Con logos de productos: Keyword + línea vertical fina (Night o blanco) + logo del producto, con 2x entre cada logo y la línea.

## Reglas
- Fotografías: solo las del banco oficial (`10-fotografias/`) o las que entregue el departamento de diseño (diseno@keyword.com.ec) desde Shutterstock o Magnific. Nunca usar fotos de internet sin derechos de uso.
- No inventar colores fuera de la paleta.
- No deformar, recolorear ni rotar el logo.
- Evitar emojis como marcadores de sección.

## Contacto de diseño
diseno@keyword.com.ec