Temas de ejemplo

Cada tema de abajo son solo las 7 propiedades CSS personalizadas: haz clic en una muestra para cambiar al instante el estilo del banner real y, después, copia el CSS del que quieras.

Default (dark)El tema predeterminado del paquete: no necesita CSS.Default (light)Lo que ven automáticamente los visitantes con un tema claro del sistema; tampoco necesita CSS.SkyBlanco con botones redondeados azul marino y esquinas suaves: el aspecto claro de este sitio.Sky tintEl panel azul cielo de la marca como banner, con texto y botones azul marino.MidnightAzul marino profundo con un acento azul cielo, como el panel de precios de este sitio.Charcoal & skyGris carbón suave con un acento azul cielo: este sitio en modo oscuro.StoneBlanco roto cálido con botones casi negros: sobrio y editorial.MinimalEsquinas rectas, monocromo y monoespaciado: un aspecto editorial/brutalista.Lime fintechBlanco con un acento verde lima y esquinas generosas: energía de app fintech moderna.Editorial darkCasi negro con un acento de botón fantasma blanco: sensación premium de marca DTC/bienestar.Salon darkVerde azulado profundo con un acento terracota y un radio pequeño: sensación de boutique/estudio.Warm & earthyCrema y terracota con una tipografía con serifa: cercano y orgánico.NeonCasi negro con un acento brillante: estética tech/gaming/cripto.CorporateAzul sobre blanco contenido con un radio menor: aspecto SaaS conservador.PlayfulLavanda pastel, muy redondeado y con fuente del sistema redondeada: suave y amable.

Restablecer la demo (borra la elección guardada)

CSS del tema seleccionado; pégalo en tu hoja de estilos global:

Ninguno es el “correcto”: son puntos de partida. Combina valores a tu gusto o usa directamente los colores de tu marca.