156f78c5a8042442054dc3dea6d442113253064d
Cada punto de inflexión trae su imagen de fondo, relacionada con lo que plantea: una carretera de montaña sin final visible para «el siguiente salto no tiene mapa», un edificio a medio construir, la cosecha —el esfuerzo convertido en resultado—, cables cruzando el cielo, un puerto de contenedores, una ciudad entera a la vez. Pasan por FondoFoto, que las funde en luminosidad sobre el degradado azul → dorado: ninguna aporta color propio. Encima, el velo claro sostiene la pregunta en azul y el velo azul se lleva el fotograma entero para la respuesta. La foto da grano, nunca manda. Todas de Wikimedia Commons con licencia de reuso, acreditadas en creditosFotos. Descarté la del enredo de cables sobre una calle: bajo el velo seguía leyéndose el rótulo de un bar ajeno. El test del footer fijaba dos créditos a mano; ahora cuenta contra la propia lista, que es el único sitio donde se hace cumplir la atribución. 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).
Languages
TypeScript
99.2%
CSS
0.7%
JavaScript
0.1%