0 Fork 0

Files

T

erikghandClaude Opus 5.5 89e54a6e84 feat: rediseño «El documento» en curso, contacto real y enlaces externos

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>

2026-09-30 11:27:20 -06:00

3.7 KiB

Raw Permalink Blame History

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).

3.7 KiB Raw Permalink Blame History