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>
Misma temática por fotograma, ahora en México: la Torre Mitikah con su
grúa (crecer), una oficina montada a prisa (consolidarse), piñas de agave
en Tequila (rentabilidad), el Distribuidor Vial San Antonio (simplificar),
las puertas de embarque de Cancún (expandirse) y el skyline de Monterrey
(portafolio). Todas de Wikimedia Commons, CC BY-SA 4.0, recortadas a
1600px y sin marcas ni personas identificables. Los créditos llegan con
lib/content.ts en el commit siguiente.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Cinco de las seis imágenes cambian a un registro corporativo, cada una
atada a lo que dice su fotograma: un distrito financiero todavía en obra
para «el siguiente salto no tiene mapa»; una sala de reuniones vacía para
ordenar antes de escalar; una pantalla de bolsa demasiado densa para
leerse, para la operación más compleja que el negocio; un panel de
salidas para los mercados a los que aún no has volado; y un skyline de
torres para los frentes abiertos.
La cosechadora se queda en rentabilidad: Commons no tiene nada de
registro empresarial y libre de marcas para «tu esfuerzo dejó de
traducirse en resultado», y la cosecha sigue siendo la mejor metáfora
disponible de esfuerzo convertido en resultado.
Descartadas por riesgo, no por estética: el parqué del NYSE (marca
enorme, banderas y gente identificable) y el panel de Ginebra sin
recortar (rótulo de Rolex). El panel va recortado.
Contraste verificado sobre página hidratada: peor punto 7,34:1.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
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>
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>
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>
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>
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.5