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).
3.2 KiB
3.2 KiB
creeer — Landing page
One-page landing para creeer, marca personal de una estratega de crecimiento. Stack: Next.js 14 (App Router) + TypeScript + Tailwind CSS + Framer Motion, exportada como sitio estático. Español.
Estado del proyecto
Pre-scaffold (sin código aún). Diseño completo y aprobado en docs/superpowers/specs/2026-07-20-creeer-landing-design.md. Próximo paso: scaffold Next.js + implementar las 7 secciones del spec.
⚠️ Lee primero en cada sesión
docs/dueña-directrices.md — directrices verbatim de la dueña + posicionamiento estratégico + sistema de diseño extraído del pptx. Toda decisión (copy, diseño, código) pasa por su filtro. Si una propuesta contradice algo, pregunta antes de avanzar.
Decisiones bloqueadas (no reabrir sin consultar a la dueña)
- Tono maestro: "seguridad + cercanía" + "simple, directo, limpio".
- Logotipo:
cre≡er— SIEMPRE minúsculas, la "e" central reemplazada por el símbolo ≡ (tres líneas) en dorado. NuncaCREEER,Creeer, ni mayúsculas. - Paleta: Azul Profundo
#0A1D5D+ Dorado Estratégico#C4942E+ Blanco#FFFFFF+ neutros (Azul Claro#C8EEF5, Gris#F2F2F2, Gris Medio#AAAAAA). Sin amarillo eléctrico tipo Hormozi. - Tipografía: Aptos (principal) + Aptos Narrow (secundaria). En web: autoalojar .woff2 o usar Inter como fallback métricamente similar.
- Tagline de marca: "CLARIDAD · DIRECCIÓN · CRECIMIENTO". Eslogan: "Estrategia que transforma."
- Voz: segunda persona ("tú"/"tu negocio"), sin jerga corporativa.
- Sin escasez en el hero: no mostrar cupos, cohorte ni "Generación Fundadora" arriba (decisión de la dueña).
Stack y constraints
- Next.js 14 App Router + TypeScript + Tailwind + Framer Motion
output: export→ HTML estático, sin backend- Contacto por enlaces directos (WhatsApp, email, LinkedIn) — sin formulario
- Deploy: Vercel o Netlify
- Gestor de paquetes: pnpm (no npm) —
pnpm@11.7.0víapackageManager/ corepack - Comandos:
pnpm dev,pnpm build,pnpm lint,pnpm test
Skills relevantes para este proyecto
transformation-positioning— messaging (vende el hoyo, no el taladro) obligatorio al escribir copyfrontend-design,web-design-guidelines,vercel-react-best-practicestailwind-design-system,nextjs-app-router-patterns,framer-motion-animatorseo,accessibility,performance,core-web-vitals
Docs del proyecto
docs/dueña-directrices.md— source of truth de marca y posicionamientodocs/hero-finalists.md— 2 finalistas del hero (HV-1 Hormozi / V-a editorial), la dueña eligedocs/superpowers/specs/2026-07-20-creeer-landing-design.md— spec de diseño aprobado (7 secciones, sistema visual, animación, SEO/a11y/perf)
Reglas operativas
- No commits sin aprobación explícita del usuario.
- No reabrir decisiones bloqueadas sin consultar a la dueña.
- Si la dueña envía un mensaje nuevo (WhatsApp, etc.), agrégalo a
docs/dueña-directrices.mden "Mensajes verbatim" con fecha y contexto. - Mockups del brainstorming visual companion en
.superpowers/brainstorm/(en.gitignore, efímeros).