Reconstruir al héroe como una división editorial con el carrete como una abertura

Featurekamo-marketing
Se descapó
19 de agosto de 2026 a las 2:57 UTC
Autor
Kamo
Compromit
e6e05db

El carrete era un rectángulo redondeado centrado con una sombra de gota y un objeto colocado en el diseño en lugar de parte de él y era lo único en el héroe: ff04781 eliminó la insignia, el titular, la descripción, los CTA y las estadísticas cuando aterrizó el video, que dejó a HeroHeadline.tsx huérfano y diez llaves de copia sin usar. Así que la sección no tenía tesis ni llamada a la acción, que es la mayoría de las razones por las que se leía como un cuadrado en el medio de la pantalla. Ahora una composición de dos columnas: ceja, titular, lede, CTA y el nota libre para siempre a la izquierda; el carrete a la derecha, corrindo PAST a la derecha borde de la vista. Tres cosas se integran: - las esquinas del marco se atajan a 45o, la misma geometría que el hexágono campo ya detrás de ella, en lugar del radio de frontera que todo héroe SaaS usa; - un tren ligero por el borde izquierdo lleva la aceituna del titular paseo, atando las dos mitades de la división juntos; - sangra fuera de pantalla en lugar de detenerse corto, así que no hay cuarta orilla para que se lea como una tarjeta. El escondite de la sección es lo que lo corta. La llanta es un gradiente de 1px que muestra a través de la caja de acolchado del padre, porque clip-path corta las fronteras en el chamfer. Ambas cajas repiten el polígono. clip-path no hereda, y una caja interior cuadrada pincha sus esquinas. Trabajo de detalle: el control de sonido se movió a la parte inferior de la LEFT, desde el marco el borde derecho está deliberadamente fuera de pantalla y un control anclado allí inalcanzable. Un raíl de progreso a lo largo de la parte inferior muestra la posición en el bucle. la única señal de que el carrete es finito en lugar de un fondo animado. Las estadísticas son una regla de la línea del cabello bajo la composición, sin cuenta: cuatro Las carreras de carga compiten con el carrete en este momento debería ser mirado. "Watch Demo" se ha ido como un CTA porque el carrete al lado del botón es la demo; el enlace secundario reutiliza la propia etiqueta de "Ver Precios" de la tira de la banda CTA y apuntar para que la página nombre la acción de una manera. No hay copia nueva: cada cadena ya existía en en.json. i18n/request.ts méditos profundos cada lugar con inglés, por lo que las etiquetas de estadísticas faltan de 21 Las localidades rinden en inglés hasta que el diccionario CI se pone al alza. Código muerto eliminado en el camino: una llave de acento-low div de un grupo. sin un ancestro de grupo, un video sin usarContainerRef, y contener objetos en un Fuente de la fuente dentro de un marco de 16:9.

Todos los cambios

Como lo que ves enviaste?

Cada una de estas actualizaciones aterriza en su espacio de trabajo automáticamente. Empieza gratis y verlo crecer semana tras semana.

Arranzar gratis para siempreVer Precios