Hero Split
Apertura a dos columnas, con el título en líneas de colores y, al lado, foto, card o reproductor de audio
Los ejemplos son solo una parte. Cada tile tiene además las opciones avanzadas: animaciones, efectos del ratón, visibilidad por dispositivo o por fecha, posición y mucho más.
01
Recién añadido
Así se ve nada más añadirlo a la página, antes de cualquier cambio.
02
Café histórico, foto con badge
Panel derecho con la foto del escaparate de noche en 4:5 y el badge de esquina, título en tres líneas con la palabra central en cursiva roja, tres números bajo el filete, todo en una card clara redondeada.
03
Revista de viajes, portada editorial
El estilo «Editorial Cover»: portada vertical 3:4, título serif ligero en cursiva en las dos últimas líneas, columnas 55/45, segundo botón solo con texto.
04
Pódcast de provincia, portada y reproductor
El estilo «Audio Feature» sobre fondo oscuro: portada cuadrada con el reproductor debajo (botón de reproducción y onda), título claro con la línea central naranja; el color claro del contenedor es para el reproductor, que lo hereda.
05
Equipo de fútbol femenino, escaparate de fotos
Showcase 2×2 con las fotos de las jugadoras como fondo de las cards (se elevan al hacer hover), título en sans serif gruesa con la línea en cursiva azul.
06
Agricultura de precisión, cards con degradado sobre oscuro
Todo sobre fondo oscuro: cards del escaparate en cuatro degradados del tema, esquinas que se redondean y cards que se inclinan en 3D al hacer hover, botón azul.
07
Bufete de abogados, una sola columna
Panel derecho desactivado: queda la columna de texto dentro de un marco claro con un filete rojo a la izquierda, título serif, botones de esquinas rectas y cuatro números.
08
Tienda vintage de noche, panel grande
Sobre un fondo noche el panel ocupa el 60 % (columnas 40/60) con la foto cuadrada del rótulo de neón y el badge de descuento, título en sans serif clara con acento naranja.
09
Estudio de pilates, cards en forma de hoja
Showcase sobre fondo tenue con cuatro cards llenas en los colores del tema y esquinas en forma de hoja (dos redondas y dos vivas) que se invierten y se agrandan al hacer hover.
