erikghandClaude Opus 5.5
89e54a6e84
Primitivas y contenido del rediseño (escala tipográfica, Revelar, MarcaSeccion, Seccion, Antetitulo, SimboloMarca, Resplandor, ClaridadHero, sección Proceso de ocho etapas, lib/content.ts reestructurado en seis secciones con alias para las viejas). Mecanismo y FormaTrabajar se retiran. Encima, lo de esta sesión: - recorrido: creeer vuelve a responder cada situación en vez de repetirla (el alias apuntaba respuesta a situacion); respuestas en plural. Créditos de las seis fotos de México. - contacto: WhatsApp, email (con mailto:) y LinkedIn reales; iconos de las redes en el cierre y el footer (IconoRed, trazos de Simple Icons, CC0). - enlaces: lo externo abre en otra pestaña con noopener y aviso para lectores de pantalla (lib/enlaces.ts); mailto y anclas se quedan. - Proceso: las ocho tarjetas no aparecían nunca en móvil (amount 0.3 sobre una lista de ~3000px); ahora cada una se revela sola. El ≡ de la 08 ya no tapa un entregable, título equilibrado, etiqueta a 12px, sin elevar al hover lo que no es clicable. - Disciplinas: la frase «No son la promesa — son los medios» gana peso y se agrupa con título e ilustración; sin cortes huérfanos en móvil. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
52 lines
3.7 KiB
Markdown
52 lines
3.7 KiB
Markdown
# 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).
|