Diseño aprobado para la siguiente tanda visual, en respuesta al mensaje de
la dueña del 30/jul ("sólo le falta algo de gráfico y movimiento").
Concepto rector: una línea dorada continua atraviesa la landing y se
dibuja con el scroll, cosiendo las secciones y resolviendo en el ≡ del
wordmark. Aporta ilustración, movimiento y continuidad de una sola vez.
Además, rebalancea el movimiento existente en vez de sumarle encima: sale
el carrusel del hero (duplica la sección Dolores), sale el autoplay
repetido de Cómo empezar, y sale el opacity-40 que hoy deja ilegibles dos
de cada tres pasos.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Dos secciones nuevas tomadas del deck de la dueña, verbatim y sin
reescribir: los 6 puntos de inflexión y los 4 dolores en primera persona.
El resto de las secciones incorpora la capa gráfica: fondos de puntos,
duotono sobre foto en Mecanismo y Cómo empezar, pantalla partida sí/no en
Para quién, y pasos conectados con línea de progreso.
Las fotos son CC BY-SA 4.0 y llevan crédito en el footer, como exige la
licencia al haberlas modificado.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Diez primitivas que dan a la landing el "gráfico y movimiento" que pidió
la dueña, todas con guarda de prefers-reduced-motion:
- FondoPuntos / PatronPuntos — el patrón de puntos del manual
- TarjetaSpotlight, TextoDesenfoque, ContadorNumero — realce y reveal
- Carrusel — deslizable, con contador, autoplay pausable
- Icono, SimboloTresLineas, IlustracionInflexion — línea, sin relleno
- FondoFoto — duotono azul/dorado sobre foto
useAutoStep en lib/motion.ts comparte la forma del autoplay del carrusel
para indicadores de paso que no son carrusel.
IlustracionInflexion documenta un detalle que muerde: motion.path aplica
su propio andamiaje de dasharray aunque no reciba initial/animate, así
que la rama de reduced motion renderiza <path> planos en vez de intentar
neutralizar los animados.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
El wordmark deja de depender del glifo tipográfico ≡ y pasa a un trazado
SVG propio (SimboloTresLineas), que es lo que permite cumplir la
instrucción de la dueña: que se lea como E, no como tres líneas sueltas.
Incluye las tres versiones del logotipo (principal, negativa, secundaria)
y alinea los tokens de color con el Manual de Identidad Visual v1.0.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Incorpora los mensajes verbatim del 28–30/jul (tipografía Open Sans, el ≡
que debe leerse como E, "claridad estratégica" como oferta, estructura de
en-ti.com) y el material del deck "Rumbo Estratégico": los 6 puntos de
inflexión y los 4 dolores en primera persona.
Corrige Azul Profundo a #0A1D3D según el manual, y añade CLAUDE.md.
Quedan abiertas dos preguntas para la dueña, anotadas en el doc: si el ≡
lleva espina vertical, y si la "Generación Fundadora" puede vivir fuera
del hero.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
settings.local.json es configuración por máquina; .claude/skills/ sí se
comparte porque react-doctor es parte del flujo del proyecto.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
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.
Reemplaza el favicon viejo (e. en navy+gold-bright, Georgia) por el símbolo
≡ (tres líneas) en Dorado #C4942E sobre Azul Profundo #0A1D5D, según la
versión 'Ícono' del Manual de Identidad Visual v1.0.
Migra todo el sitio a la marca oficial aprobada por la dueña:
- Logotipo cre≡er (el símbolo ≡ reemplaza la 'e' central, en dorado)
- Paleta: Azul Profundo #0A1D5D + Dorado Estratégico #C4942E + Blanco + neutros
- Tipografía: Aptos (Inter como fallback web), fin del sistema híbrido Georgia/Inter
- Tagline 'CLARIDAD · DIRECCIÓN · CRECIMIENTO' + eslogan 'Estrategia que transforma.'
Componentes, tokens de Tailwind, lib/content.ts, docs (dueña-directrices + spec)
y tests actualizados. Typecheck, lint, 27/27 tests y build estática verdes.
Basado en docs/branding.jpeg (Manual v1.0, mayo 2026).
- Hero: subtle ink grid texture (radial-masked) + gold glow blob
- Hero kicker: small gold dot before the eyebrow
- Header: desktop anchor nav (Método/Disciplinas/La estratega) with
scroll-elevation shadow; mobile keeps wordmark + CTA only
- Sections gain ids + scroll-mt-24 as anchor targets
- CTA: subtle hover lift, gated with motion-reduce
Concepts studied from ~/dev/BenditaRed (grid+glow hero background,
kicker-with-dot, scrolled navbar state, pill hover lift). Animated
stats were skipped — no real metrics from the owner to show.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Replaces the default Next favicon.ico and the solid-navy og-image
placeholder. All generated from the brand tokens (ink bg, gold-bright
accents, Georgia italic):
- app/icon.svg — vector favicon "e." for modern browsers
- app/favicon.ico — 48/32/16 raster fallback
- app/apple-icon.png — 180x180 apple-touch-icon (auto-linked by Next)
- public/og-image.png — 1200x630 wordmark + tagline for link previews
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Disciplinas cards and Mecanismo/ComoEmpezar steps get a subtle lift +
border intensify on hover; the CTA arrow slides right. All gated with
motion-reduce so prefers-reduced-motion users see no movement.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
'Estrategia ejecutable' appeared verbatim as step 03 in both Mecanismo
(her method) and ComoEmpezar (client on-ramp), reading repetitive on
scroll. Mecanismo keeps the term; the on-ramp now names the client
outcome.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Last leftover npm reference after the pnpm migration (3f0a15e);
README.md was already migrated. Also states pnpm as the required
package manager.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Expands app/layout.tsx metadata (openGraph, twitter, canonical),
adds ProfessionalService JSON-LD to app/page.tsx, focus-visible
styles in globals.css, robots.txt/sitemap.xml, and a placeholder
og-image.png (navy background, no wordmark text — needs a real
design asset before launch).
Also adds .eslintrc.json (next/core-web-vitals) so next lint runs
non-interactively, and decouples ESLint from next build via
next.config.mjs (eslint.ignoreDuringBuilds) so a pre-existing,
out-of-scope lint issue in Cierre.tsx doesn't block the static
export.
erikghandClaude Opus 5
creeer-dev