49 lines
3.1 KiB
Markdown
49 lines
3.1 KiB
Markdown
# 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".
|
|
- **Wordmark:** `cre`**`e`**`er.` **SIEMPRE minúsculas**, Georgia 700 italic, la 2ª "e" en peso 900 + dorado, punto final dorado. **Nunca** `CREEER`, `Creeer`, sans-serif, ni mayúsculas. (Es la regla más fácil de romper por defecto.)
|
|
- **Paleta:** navy `#0A1F44` + dorado tostado `#B8901f` (sobre claro) / dorado `#D4AF37` (sobre oscuro) + blanco cálido `#FBFAF7` / blanco `#FFFFFF`. **Sin amarillo eléctrico** tipo Hormozi.
|
|
- **Tipografía híbrida:** Georgia italic = voz de marca (wordmark + citas); Inter 400/600/900 = voz funcional (headlines Hormozi + body + UI).
|
|
- **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
|
|
- Comandos: se definen al scaffold (`npm run dev`, `npm run build`, `npm run lint`)
|
|
|
|
## 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).
|