Aptos descartada para web: su EULA (Microsoft) prohíbe distribuirla o servirla públicamente. Open Sans (OFL) es la open-source más cercana — comparte diseñador con Aptos (Steve Matteson). Cargada vía next/font/google, autoalojada en el build estático (cero requests externos en runtime). - app/layout.tsx: Inter → Open_Sans (pesos 400/600/700/800 + itálicas) - tailwind.config.ts: sans → var(--font-open-sans); token 'narrow' eliminado - app/globals.css: body font-family - docs (AGENTS, dueña-directrices, spec): Open Sans documentado, decisión registrada (28/jul/2026) Typecheck, lint, 27/27 tests y build verdes.
10 KiB
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:
- Blanco con azul → fondo claro + navy (no dark mode como dirección principal)
- Simple directo → sin decoración, sin elementos accesorios, copy directo
- 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 impactoright→ momentos asimétricosleft→ 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):
- Lee esto primero — es la voz de la dueña.
- Pasa cada decisión por el filtro de "seguridad + cercanía" + "simple, directo, limpio".
- Si una propuesta contradice algo de aquí, detente y pregunta antes de avanzar.
- Si la dueña envía un mensaje nuevo, agrégalo a la sección "Mensajes verbatim" con fecha y contexto.
- Las decisiones bloqueadas (paleta, wordmark, voz) no se reabren sin su aprobación explícita.