Aptos descartada para web: su EULA (Microsoft) prohíbe distribuirla o servirla públicamente. Open Sans (OFL) es la open-source más cercana — comparte diseñador con Aptos (Steve Matteson). Cargada vía next/font/google, autoalojada en el build estático (cero requests externos en runtime). - app/layout.tsx: Inter → Open_Sans (pesos 400/600/700/800 + itálicas) - tailwind.config.ts: sans → var(--font-open-sans); token 'narrow' eliminado - app/globals.css: body font-family - docs (AGENTS, dueña-directrices, spec): Open Sans documentado, decisión registrada (28/jul/2026) Typecheck, lint, 27/27 tests y build verdes.
3.3 KiB
3.3 KiB
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. NuncaCREEER,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: 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.0víapackageManager/ 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 copyfrontend-design,web-design-guidelines,vercel-react-best-practicestailwind-design-system,nextjs-app-router-patterns,framer-motion-animatorseo,accessibility,performance,core-web-vitals
Docs del proyecto
docs/dueña-directrices.md— source of truth de marca y posicionamientodocs/hero-finalists.md— 2 finalistas del hero (HV-1 Hormozi / V-a editorial), la dueña eligedocs/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.mden "Mensajes verbatim" con fecha y contexto. - Mockups del brainstorming visual companion en
.superpowers/brainstorm/(en.gitignore, efímeros).