erikghandClaude Opus 5
edf921eae7
Incorpora los mensajes verbatim del 28–30/jul (tipografía Open Sans, el ≡ que debe leerse como E, "claridad estratégica" como oferta, estructura de en-ti.com) y el material del deck "Rumbo Estratégico": los 6 puntos de inflexión y los 4 dolores en primera persona. Corrige Azul Profundo a #0A1D3D según el manual, y añade CLAUDE.md. Quedan abiertas dos preguntas para la dueña, anotadas en el doc: si el ≡ lleva espina vertical, y si la "Generación Fundadora" puede vivir fuera del hero. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
51 lines
3.3 KiB
Markdown
51 lines
3.3 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".
|
|
- **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.
|
|
- **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).
|