erikghandClaude Opus 5
3c2185e200
El grosor nunca se decidió: la primera versión ocupaba toda la columna, así que el viewBox se estiraba por 11.5 y un strokeWidth de 1.5 se pintaba a ~17px reales. Al mudar el hilo a una banda de 56px el mismo valor quedó en 0.84px, y con eso dejó de leerse. - Grosor fijado en 14px reales con non-scaling-stroke, ya no heredado del escalado del viewBox. - Banda de vuelta a toda la columna: ±184px de recorrido lateral. - Cuatro ondulaciones largas en vez de una sola (que se aplanaba) o diez cortas (que se leían inquietas). - El trazo termina al 85% del scroll: colgado del scroll de página sólo llegaba al 100% pasado el footer, así que el final no se veía nunca. - Remata en el ≡ del wordmark, con la geometría de lib/simbolo.ts. Es lo que pedía el spec y era lo que faltaba. Test nuevo que exige stroke-width >= 10: el grosor ya se había perdido dos veces por accidente. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
creeer
Landing page one-page para creeer, marca personal de una estratega de crecimiento. Next.js 14 (App Router) + TypeScript + Tailwind CSS + Framer Motion, exportada como sitio estático.
Requisitos
- Node.js 20+
- pnpm 11+ (
corepack enable)
Comandos
pnpm install # instalar dependencias
pnpm dev # servidor de desarrollo (http://localhost:3000)
pnpm build # build estático → out/
pnpm test # tests (Vitest)
pnpm lint # ESLint
Estructura
app/ # App Router (layout, page, globals.css)
components/
primitives/ # Wordmark, Container, CTA (reutilizables)
sections/ # Hero, FraseAncla, ParaQuien, Mecanismo, Disciplinas, Estratega, Cierre, ComoEmpezar
layout/ # Header, Footer
lib/
content.ts # todo el copy (source of truth)
motion.ts # variantes Framer Motion + reduced-motion
docs/ # spec, plan, directrices de marca
Decisiones de diseño
Ver docs/dueña-directrices.md (directrices de marca) y docs/superpowers/specs/2026-07-20-creeer-landing-design.md (spec completo).