# 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. **Nunca** `CREEER`, `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.0` vía `packageManager` / 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 copy** - `frontend-design`, `web-design-guidelines`, `vercel-react-best-practices` - `tailwind-design-system`, `nextjs-app-router-patterns`, `framer-motion-animator` - `seo`, `accessibility`, `performance`, `core-web-vitals` ## Docs del proyecto - `docs/dueña-directrices.md` — source of truth de marca y posicionamiento - `docs/hero-finalists.md` — 2 finalistas del hero (**HV-1 Hormozi** / **V-a editorial**), la dueña elige - `docs/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.md` en "Mensajes verbatim" con fecha y contexto. - Mockups del brainstorming visual companion en `.superpowers/brainstorm/` (en `.gitignore`, efímeros).