# creeer — Landing page One-page landing para **creeer**, firma de claridad estratégica. 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 `#0A1D3D` + Dorado Estratégico `#C4942E` + Blanco `#FFFFFF` + neutros (Azul Claro `#C8EEF5`, Gris `#F2F2F2`, Gris Medio `#AAAAAA`). **Sin amarillo eléctrico** tipo Hormozi. - **Tipografía:** **Open Sans** (vía `next/font/google`). Es lo más cercano a Aptos en open-source (mismo diseñador: Steve Matteson). **Aptos descartada** en web: la EULA de Microsoft prohíbe servirla públicamente. Decisión de la dueña, 28/jul/2026. - **Tagline de marca:** "CLARIDAD · DIRECCIÓN · CRECIMIENTO". Eslogan: "Estrategia que transforma." - **Voz:** segunda persona ("tú"/"tu negocio"), sin jerga corporativa. **creeer habla en primera persona del plural** ("nos sumergimos", "cuestionamos") — decisión de Erik del 6/ago/2026, **visto bueno de la dueña el 19/ago/2026**; antes era singular. Única excepción: las citas de `dolores`, donde el "yo" es el cliente. Hay un test que lo blinda en `lib/__tests__/content.test.ts`. - **Cifra de trayectoria: 25+** años construyendo marcas (confirmado por la dueña, 19/ago/2026). No 30+. - **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).