Files
Creeer-Web/docs/dueña-directrices.md
T
erikgh 60d3f22e6b feat: rebrand a Manual de Identidad Visual v1.0
Migra todo el sitio a la marca oficial aprobada por la dueña:
- Logotipo cre≡er (el símbolo ≡ reemplaza la 'e' central, en dorado)
- Paleta: Azul Profundo #0A1D5D + Dorado Estratégico #C4942E + Blanco + neutros
- Tipografía: Aptos (Inter como fallback web), fin del sistema híbrido Georgia/Inter
- Tagline 'CLARIDAD · DIRECCIÓN · CRECIMIENTO' + eslogan 'Estrategia que transforma.'

Componentes, tokens de Tailwind, lib/content.ts, docs (dueña-directrices + spec)
y tests actualizados. Typecheck, lint, 27/27 tests y build estática verdes.

Basado en docs/branding.jpeg (Manual v1.0, mayo 2026).
2026-07-28 10:51:48 -06:00

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:

  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

Tipo Fuente Pesos disponibles Uso
Principal Aptos Light, Book, Regular, Medium, Bold, Black Headlines, body, CTA, UI general
Secundaria Aptos Narrow Light, Book, Regular, Medium, Bold, Black Taglines, subtítulos, texto compacto

⚠️ Nota para web: Aptos es una fuente de Microsoft sin versión Google Fonts. Para la landing se debe: (a) autoalojar los archivos .woff2 con @font-face, o (b) usar un fallback con métricas similares (ej. Inter para body, que es visualmente cercana). Decisión a confirmar con la dueña.

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: ¿Alojar Aptos como web font o usar Inter como fallback?

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.