Los mejores heroes del mundo comparten una estructura idéntica, aunque parezcan distintos. Una vez que la ves, no puedes dejar de verla.
La regla de los 5 bloques Stripe, Linear, Framer y Vercel usan la misma anatomía: 1. **Eyebrow**: micro-etiqueta (una palabra) que orienta al usuario. 2. **Titular masivo**: una frase, promesa concreta, tipografía enorme. 3. **Sub-titular**: una línea que aterriza la promesa en beneficio. 4. **CTA primario + secundario**: uno para comprar, uno para explorar. 5. **Prueba visual**: producto, dashboard o mockup — no una foto de stock.
Tipografía y ritmo El titular pesa entre 56 y 96 px en desktop y 40–56 px en móvil, con line-height ajustado (0.95–1.05). El sub-titular baja a 18–20 px con line-height 1.5. Ese contraste crea jerarquía sin decoración.
Espacio negativo El hero de Linear respira porque el 60% del área está vacía. El vacío no es desperdicio — es lo que hace que el titular grite sin decoración.
Un solo CTA gana Los tests de Unbounce muestran que dos CTAs con mismo peso reducen el clic total hasta 30%. Da jerarquía: uno sólido, otro fantasma.
Prueba que no miente No pongas "Confían en nosotros" con logos genéricos. Pon 3 logos reales de clientes verificables, o una métrica ("+120 sitios lanzados"). Sin prueba, tu titular es una promesa vacía.
R
Rayden Gonzalez
Diseño y construyo sitios web premium para negocios que quieren vender de verdad.