docs: spec, plan, directrices, AGENTS.md (pre-scaffold)

This commit is contained in:
creeer-dev committed 2026-07-21 09:53:20 -06:00
commit 2cfdc87503
7 files changed
+3607

No files matched your search

+189
View File
@@ -0,0 +1,189 @@
# 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.**
---
## Restricciones fijadas (decisiones ya tomadas)
Estas son decisiones bloqueadas durante el brainstorming. **No reabrir sin consultar.**
### Paleta
- Blanco cálido `#FBFAF7` / Blanco puro `#FFFFFF` (fondos)
- Navy `#0A1F44` (texto principal + CTAs)
- Dorado tostado `#B8901f` (acentos sobre claro) / Dorado `#D4AF37` (acentos sobre oscuro)
- **NO amarillo eléctrico tipo Hormozi** (rompe cercanía)
### Sistema de diseño extraído del pptx (BASE)
El pptx `CREEER_Plantilla_Presentacion.pptx` es la **base visual oficial** de la marca. Estos datos se extrajeron parseando el archivo y deben respetarse:
**Formato:** 16:9 widescreen (33.87 × 19.05 cm)
**Paleta usada en el pptx (100% confirmada):**
- Dorado `#D4AF37` → **siempre BOLD, para títulos y énfasis** (Master Class, Agenda, sección, "Gracias", y la "e" del wordmark)
- Navy `#0A1F44` → **body text** (peso regular)
- Blanco implícito (fondos)
**Tipografía del pptx:**
- Fuente: **Calibri** (sans-serif) — majorFont y minorFont del tema
- **Decisión RESUELTA (sistema híbrido):**
- **Wordmark** `cre`**`e`**`er.` → **Georgia 700 italic** (minúscula, "e" central en peso 900 + dorado, punto final dorado). El usuario prefiere la elegancia del wordmark serif sobre la fidelidad estricta al pptx sans-serif. El wordmark es la firma de marca.
- **Headlines** → **Inter 900** (Google Fonts) uppercase — punch Hormozi.
- **Body / eyebrow / CTA** → Inter 400/600.
- **Citas institucionales** → Georgia italic (anclan con el wordmark).
- Principio: **serif = voz de marca**, **sans = voz funcional**.
**Escala tipográfica (extraída de los slides reales):**
| Uso | Tamaño | Estilo | Color |
|---|---|---|---|
| Caption/tagline | 14pt | regular | navy |
| Subtítulo | 24pt | regular | navy |
| Body / lista | 28pt | regular | navy |
| Cierre | 32pt | regular | dorado |
| Título de sección | 36pt | **BOLD** | dorado |
| Título grande / cita | 40pt | **BOLD** | navy o dorado |
| Hero | 48pt | **BOLD** | dorado |
**Wordmark `cre`+`e`+`er` (confirmado a múltiples tamaños):**
- "Cre" + "e" (BOLD + `#D4AF37`) + "er"
- La **2ª "e"** (la del medio) va en dorado + negrita
- Aparece en 14pt (slide 1) y 28pt (slide 2)
**Logo PNG:** `image1.png` — 1200×400 px, aspect **3:1 horizontal**. En slide 1 ocupa 27.38 × 9.13 cm (es el **protagonista visual**, no un detalle pequeño).
**Patrones de alineación:**
- `center` (align=ctr) → hero / títulos de impacto
- `right` (align=r) → momentos asimétricos (slide 2)
- `left` (align=l) → contenido, citas, cierre
**Recursos visuales recurrentes:**
- Separador de disciplinas: **" • "** (Comunicación • Digital • Experiencias)
- Listas numeradas: **"1. " "2. " "3. "** (sin bullets)
- Smart quotes **"" ""** para citas institucionales
- Mucho aire/whitespace alrededor de los textos
**Anclas de copy del pptx (verbatim):**
- Tagline: *"creeer en ti, en mi, en el proyecto"* (slide 1 y 2)
- Cita institucional: *"El tiempo no se compra, se invierte"* (slide 6, 40pt bold navy)
- Cierre: *"Gracias por tu tiempo"* + *"CREEER - Comunicación • Digital • Experiencias"* (slide 7)
### Wordmark
- SIEMPRE en minúsculas: `creeer`
- La "e" central (2ª de las 3) en dorado + bold
- Termina con punto dorado: `creeer.`
### Copy
- Voz en **segunda persona ("tú")** — nunca "el empresario", siempre "tu negocio"
- Sin jerga corporativa
- "Simple, directo, limpio" aplica al copy también
### 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`
---
## 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.