Boceto «UNA PARED»

Tu web real con las paredes quitadas — no es una maqueta, es alhondigacamper.es con el cambio inyectado encima y capturada. Todo lo de aquí está medido, no opinado. · 17/07/2026

8
Paredes hoy
3
Con el cambio
1
coffee-tech
1
nikolaradeski

«Pared» = cada vez que el fondo cambia al bajar. Medido con getComputedStyle resolviendo el color realmente pintado, sección a sección, en el deploy real.

El cuerpo de la home, antes y después

Mismo scroll, mismas fotos, mismo texto. Lo único que cambia: se acaba la alternancia de dos cremas casi idénticos, y la banda terracota de «Garantías» deja de ser pared. El hero y el footer siguen oscuros — igual que coffee-tech.

AntesAntes
Hoy — cremas alternos
DespuésDespués
Una pared
AntesAntes
Hoy — el taller sobre otro crema
DespuésDespués
La foto flota sobre la pared
AntesAntes
Hoy — banda terracota a sangre
DespuésDespués
Sin banda: pared → footer

Tus dos referencias, medidas

Las dos hacen lo mismo: una sola pared, las fotos como objetos encima, y un acento casi solo en el botón. Dato que no esperabas: coffee-tech tiene cero animaciones de scroll (ni GSAP, ni Lenis). Y de los 35 ScrollTriggers de Nikola, 31 son el mismo fade automático de su page-builder de WordPress.

coffee-tech.comcoffee-tech
#e5e2dd para las 8 secciones del cuerpo
coffee-tech.comcoffee-tech
Las fotos son tarjetas sobre la pared
nikolaradeski.comnikola
#eaeaea los 17.933px enteros
nikolaradeski.comnikola
El naranja, solo en el botón y 1 palabra
El hallazgo del color: el terracota de coffee-tech (#c8603d) y tu ámbar (#B35627) son casi el mismo color. El color no es el problema — es la dosis. Ellos lo ponen en un botón de 120px; nosotros inundábamos secciones de 881px de alto.

Lo que este boceto NO puede enseñar: el kit

Intenté convertir «El kit» en una tarjeta verde flotando sobre la pared y no se puede. Medido: cuando GSAP lo pinea, el elemento pasa a position:fixed con ancho:1440 y top:0ocupa el viewport entero por definición. Redondearle las esquinas no hace nada.

El kit es una pared PORQUE está pineado. Así que «kit como tarjeta» y «quitar el pin del kit» no son dos cosas: son la misma, y no es un parche de CSS — toca motion.ts y la estructura.

La decisión es tuya, y es binaria

Hoy hay dos momentos pineados peleándose: el túnel del hero (4.160px) y el kit (1.600px). Entre los dos secuestran el 38% de la página. Tu propio docs/NORTE.md §6 ya lo prohibía por escrito: «no debe crear un segundo pin».

A · El kit se queda pineado

  • 3 paredes (crema · verde · crema)
  • 2 momentos firma compitiendo
  • 38% de la página con scroll secuestrado
  • Cero trabajo extra

B · El kit deja de estar pineado → tarjeta

  • 1 pared + hero/footer oscuros
  • El túnel de paisajes se queda solo como EL momento
  • El verde no se pierde: pasa a ser objeto, no suelo
  • Requiere tocar motion.ts — es una tanda de verdad