Creeer-Web/docs/dueña-directrices.md

# Directrices de la dueña · creeer

> **Source of truth para decisiones de marca, copy y diseño.**
> Esta es la voz y el criterio de la dueña de creeer. Toda decisión del proyecto debe pasar por este filtro. Si una propuesta contradice algo de aquí, **preguntar antes de avanzar**.

---

## Quién es la dueña

La dueña es **la mente detrás de creeer** — estratega de crecimiento con +30 años construyendo marcas. Su negocio real es **claridad estratégica para empresarios con tracción que llegaron a un punto de inflexión** (no vende marketing, vende la transformación).

El nombre **creeer** es un juego con "creer" (en ti, en mí, en el proyecto) + "career".

---

## Mensajes verbatim de la dueña (contexto y voz)

Estos son los mensajes que la dueña envió por WhatsApp durante el brainstorming, transcritos literalmente. **Preservar su voz y sus palabras.**

### Sobre la sensación que quiere proyectar
> **"Sabes lo que quiero que proyectemos es seguridad pero cercanía."**

*(3:03 p.m., 20/7/2026)* — Esta es la directriz maestra de tono. **No frío/distante, no agresivo puro. Autoridad accesible.**

### Sobre el wordmark en minúsculas
> **"Por eso está en minúsculas."**

*(3:04 p.m., 20/7/2026)* — La decisión de escribir `creeer` en minúsculas es **consciente y estratégica**: transmite cercanía, humildad, accesibilidad (frente al frío de los mayúsculas institucionales). **NUNCA usar `CREEER` ni `Creeer` en el wordmark** — siempre `creeer`.

### Sobre la paleta y el estilo
> **"Creo que el blanco con azul."**
> **"Simple directo."**
> **"Limpio."**

*(3:12 p.m., 20/7/2026)* — Tres directrices visuales:
1. **Blanco con azul** → fondo claro + navy (no dark mode como dirección principal)
2. **Simple directo** → sin decoración, sin elementos accesorios, copy directo
3. **Limpio** → mucho aire, blanco, tipografía hace el trabajo

### Referencia a Alex Hormozi
La dueña mencionó a **Alex Hormozi** como referencia estética/comunicacional. Su ADN:
- Bold sans-serif gigante, a menudo uppercase
- Alto contraste (negro/blanco/un acento eléctrico — en creeer, dorado)
- Copy directo, corto, cuantificado (números, métricas, claims)
- Palabras clave en caja (background detrás de la palabra)
- Voz agresiva, results-driven, "sin paja"

> ⚠️ **Tensión a equilibrar:** Hormozi es agresivo/directo, pero la dueña también pidió **cercanía + minúsculas + blanco+azul + limpio**. La síntesis es **"Hormozi en voz, creeer en alma"**: el punch visual de Hormozi (bold sans, palabras en caja) con el dorado tostado, el wordmark serif en minúsculas y la paleta cálida de creeer.

---

## Principios derivados (cómo aplicar los mensajes)

| Directriz de la dueña | Implicación práctica |
|---|---|
| "Seguridad + cercanía" | Serif para autoridad + voz en "tú" + fondos cálidos para cercanía |
| "minúsculas" | Wordmark SIEMPRE `creeer`. Eyebrows y CTAs pueden ser uppercase (system-ui) pero el wordmark jamás |
| "blanco con azul" | Fondo principal blanco/blanco cálido, navy como tinta y CTA |
| "Simple directo" | Sin elementos decorativos accesorios. Copy corto, una idea por línea |
| "Limpio" | Mucho aire (whitespace), máximo 2 familias tipográficas, paleta reducida |
| Referencia Hormozi | Permitido bold sans uppercase + palabras en caja + métricas, **siempre que** no rompan cercanía |

---

## Posicionamiento estratégico (de su documento de nicho)

Esto NO es copy de landing — es la brújula estratégica que la dueña ya validó. Toda la messaging debe ser coherente con esto.

### Lo que creeer NO es
- ❌ Un diplomado de marketing
- ❌ Una consultoría genérica
- ❌ Clases/asesoría por hora
- ❌ Venta de disciplinas (Comunicación/Digital/Experiencias) como promesa

### Lo que creeer SÍ es
- ✅ **Claridad estratégica** para empresarios con tracción en punto de inflexión
- ✅ Transformación, no horas
- ✅ Inmersión profunda → desafiar supuestos → estrategia ejecutable

### Cliente ideal
Empresarios que **ya lograron tracción**, pero llegaron al punto donde **trabajar más ya no basta** — necesitan mejores decisiones estratégicas. NO cualquier PYME. NO empresas en crisis. **Empresas en transición.**

### Frases-ancla aprobadas (de su documento)
- *"Las empresas no dejan de crecer por falta de talento; dejan de crecer por falta de claridad."*
- *"Cuando el esfuerzo ya no alcanza, la estrategia se vuelve indispensable."*
- *"El tiempo no se compra, se invierte."* (institucional)
- *"Devuélvele claridad al rumbo de tu empresa."* (promesa)

### Tagline de marca
*"creeer en ti, creeer en mí, creeer en el proyecto."*

### Pilares (disciplinas, NO la promesa)
**Comunicación · Digital · Experiencias** (+ Integración y acción). Son las herramientas, no el producto. **Viven en sección "cómo", no en el hero.**

---

## Sistema de diseño oficial — Manual de Identidad Visual v1.0 (mayo 2026)

> **Fuente:** `docs/branding.jpeg` — Manual de Identidad Visual aprobado por la dueña (28/jul/2026). **Reemplaza** todas las decisiones previas de paleta, tipografía y logotipo del brainstorming y del pptx.

### Filosofía de marca
> *"Transformamos la complejidad en claridad estratégica para construir ecosistemas empresariales que crecen con dirección y propósito."*

Proceso visual: **Complejidad** (múltiples variables) → **Enfoque** (priorizamos y alineamos lo esencial) → **Claridad** (una estrategia, una dirección, resultados extraordinarios).

### Símbolo principal
- **Tres líneas horizontales** (≡) que representan el proceso de transformar lo complejo en lo esencial
- Las líneas van de muchas/desordenadas (complejidad) a pocas/alineadas (claridad)
- Significado: "una estrategia clara, con dirección y propósito"

### Logotipo
- Wordmark: **`cre≡er`** — la "e" central se reemplaza por el **símbolo de tres líneas** (≡) en dorado
- SIEMPRE en minúsculas
- Tagline debajo: `CLARIDAD · DIRECCIÓN · CRECIMIENTO`
- Eslogan: *"Estrategia que transforma."*

**Versiones del logotipo:**
| Versión | Descripción |
|---------|-------------|
| Principal | `cre≡er` + tagline "CLARIDAD · DIRECCIÓN · CRECIMIENTO" |
| Secundaria | `cre≡er` sin tagline |
| Ícono | Solo el símbolo ≡ (tres líneas) |
| Negativa | Fondo navy, logotipo en blanco + dorado |
| Negativo (ícono) | Símbolo ≡ en dorado sobre navy |
| Escala de grises | Todo en grises |

**Tamaño mínimo:** impreso 20 mm, digital 120 px.

### Paleta de colores

**Colores principales:**
| Nombre | Hex | Pantone | RGB | Uso |
|--------|-----|---------|-----|-----|
| **Azul Profundo** | `#0A1D5D` | 2965 C | 10, 29, 61 | Texto principal, fondos oscuros, CTAs |
| **Dorado Estratégico** | `#C4942E` | 872 C | 196, 154, 46 | Acentos, títulos, símbolo ≡, énfasis |

**Colores neutros:**
| Nombre | Hex | RGB | Uso |
|--------|-----|-----|-----|
| Azul Claro | `#C8EEF5` | 222, 226, 245 | Fondos alternativos, secciones suaves |
| Gris Claro | `#F2F2F2` | 242, 242, 242 | Fondos neutros, separadores |
| Gris Medio | `#AAAAAA` | 166, 166, 166 | Texto secundario, placeholders |
| Blanco | `#FFFFFF` | 255, 255, 255 | Fondo principal |

**Regla:** NO amarillo eléctrico tipo Hormozi (rompe cercanía).

### Tipografía

**Manual de marca (impreso/presentación):** Aptos (principal) + Aptos Narrow (secundaria).
**Implementación web (landing):** **Open Sans** — vía `next/font/google`, pesos 400/600/700/800 + itálicas.

> ⚠️ **Por qué no Aptos en web:** Aptos es proprietaria de Microsoft; su EULA prohíbe distribuirla o servirla en un sitio público ("No Distribution Rights" + "publish for others to copy"). La dueña, informada del riesgo, inicialmente autorizó usarla; pero al faltar los pesos regular/semibold en la conversión a `.woff2`, decidió pasar a la alternativa open-source más cercana. **Open Sans** comparte diseñador con Aptos (Steve Matteson) y es OFL (libre para web). Decisión: 28/jul/2026.

### Iconografía
- Estilo: **líneas simples, geométricas, consistentes en grosor**
- Iconos definidos: Análisis, Enfoque, Estrategia, Crecimiento, Alineación, Resultados
- Colores: Azul Profundo + Dorado Estratégico

### Recursos visuales
- **Patrón de puntos** (grid de puntos dorados)
- **Líneas y divisores** (horizontales, en dorado o navy)
- **Recurso gráfico** (las tres líneas del símbolo en diversas orientaciones y escalas)

### Patrones de alineación
- `center` → hero / títulos de impacto
- `right` → momentos asimétricos
- `left` → contenido, citas, cierre
- Mucho aire/whitespace alrededor de los textos

---

## Restricciones fijadas (decisiones bloqueadas)

Estas decisiones **no se reabren sin consultar a la dueña.**

### Copy
- Voz en **segunda persona ("tú")** — nunca "el empresario", siempre "tu negocio"
- Sin jerga corporativa
- "Simple, directo, limpio" aplica al copy también

### Frases-ancla aprobadas
- *"Las empresas no dejan de crecer por falta de talento; dejan de crecer por falta de claridad."*
- *"Cuando el esfuerzo ya no alcanza, la estrategia se vuelve indispensable."*
- *"El tiempo no se compra, se invierte."* (institucional)
- *"Devuélvele claridad al rumbo de tu empresa."* (promesa)
- *"Estrategia que transforma."* (eslogan oficial)

### Taglines
- **Eslogan oficial:** *"Estrategia que transforma."*
- **Tagline de marca:** *"CLARIDAD · DIRECCIÓN · CRECIMIENTO"*
- **Tagline emocional:** *"creeer en ti, creeer en mí, creeer en el proyecto."*

### Estructura
- One-page (single page)
- Sin backend, contacto por enlaces directos (WhatsApp, email, LinkedIn)
- Sin escasez en el hero (la dueña pidió quitar cupos/cohorte del hero)

### Pendiente de decisión de la dueña
- **Hero final:** HV-1 (bold sans sin cajas) vs HV-2 (palabras en caja) — ver `docs/hero-finalists.md`
- ~~**Tipografía web:** Aptos vs Inter~~ → **RESUELTO (28/jul/2026): Open Sans**. Ver sección "Tipografía" arriba.

---

## Cómo usar este archivo

Cuando trabajes en creeer (copy, diseño, código, decisiones de producto):

1. **Lee esto primero** — es la voz de la dueña.
2. **Pasa cada decisión por el filtro** de "seguridad + cercanía" + "simple, directo, limpio".
3. **Si una propuesta contradice algo de aquí**, detente y pregunta antes de avanzar.
4. **Si la dueña envía un mensaje nuevo**, agrégalo a la sección "Mensajes verbatim" con fecha y contexto.
5. **Las decisiones bloqueadas** (paleta, wordmark, voz) no se reabren sin su aprobación explícita.