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>
Las dos secciones de pasos toman prestado el recurso del recorrido: la
cifra enorme y casi transparente. En Mecanismo sigue al paso activo del
autoplay, así que la sección respira sin pedirle atención a nadie. En
ComoEmpezar el numeral pequeño en dorado crece y se apaga, y el acento
dorado se queda en el icono, para que no compitan dos marcadores.
El objetivo no es añadir efectos: es que el recorrido no parezca de otra
página. Mismo lenguaje, distinto contenido.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Revisada la página con Chromium a 1440x900 y 390x844 en nueve alturas de
scroll, y verificado cada cambio contra capturas nuevas.
- El ≡ deja de leerse como icono de menú. lib/simbolo.ts se anunciaba como
single source of truth pero no coincidía con Wordmark.tsx, que traza la
marca con las proporciones medidas del Manual: barra de largo 5.919× su
grosor, hueco de 2×, extremos de píldora. Ahora se derivan de ahí. De
paso, las líneas se meten medio grosor por cada extremo: el remate
redondo alargaba el trazo un grosor entero sobre la barra que debía
reproducir.
- Banda: 12px en escritorio y 7px en móvil vía CSS (14px era el 3,6% de
una pantalla de 390px y partía los párrafos), opacidad al 18%, y muelle
de 90/30 a 210/40 — sobreamortiguado tardaba ~2s en asentar y la punta
se arrastraba a media pantalla. El punto suelto que aparecía centrado
arriba al cargar era el remate redondo pintándose en el origen con
longitud cero: ahora la opacidad sigue al avance.
- Ritmo vertical un 25-30% más apretado en las diez secciones. La página
pasa de 8.061 a 7.457px sin tocar contenido.
- Números 01-06: de marca de agua de 48px al 6% (que chocaba con títulos
y reglas) a índice dorado sentado sobre la regla.
- Hero: los dos CTA al mismo ancho en móvil, el patrón de puntos fuera
del logotipo, y la secuencia visible en todos los tamaños — oculta bajo
lg dejaba el hero del móvil sin ninguna pieza gráfica. La convergencia
de la variante "hero" se cierra más para que se lea como líneas
buscando su eje y no como un garabato tachado.
- Estratega: fuera la retícula de puntos del retrato, que parecía el
recuadro de imagen rota del navegador; la etiqueta del 30+ cabía en
menos de lo que mide "construyendo" y salía en tres líneas.
- El nudo de Dolores, más pequeño y con algo más de contraste.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
ComoEmpezar deja de rotar pasos: las tres anotaciones se leen de una, sin
botones ni opacidad. Mecanismo conserva su autoplay pero distingue el paso
activo por borde y elevación, no apagando los demás. Las dos fotos
(fondo del Mecanismo y panel del ComoEmpezar) reciben un parallax suave
ligado al scroll de página.
El test de autoplay que Comompezar tenía se retira: afirmaba el
comportamiento que este cambio borra, y choca con el test nuevo que pide
cero botones.
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>
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).
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>
erikghandClaude Opus 5.5