Fondos con degradé

Un degradé bien elegido le da profundidad a una sección sin sumar imágenes ni peso a la página. Ahora podés aplicarlo como fondo de cualquier sección o elemento, directo desde el panel de estilos, y ver el resultado mientras lo armás.

Armá un degradé en segundos

Seleccioná una sección o un elemento y, en Estilos → Fondo, buscá Degradado. Elegí Lineal y Grid crea un degradé de base que podés ajustar:

1. Tocá cada parada de color en la barra para abrir el selector y elegir el color, o escribí su código hexadecimal.
2. Cambiá el Ángulo para definir la dirección: 90° va de izquierda a derecha y 135° cruza en diagonal.
3. Mirá el resultado en el lienzo a medida que lo cambiás.

Más colores, y degradés radiales

Un degradé puede tener todos los colores que quieras:

• Sumá una parada haciendo clic en cualquier punto de la barra. Toma el color intermedio y después lo cambiás.
• Movela arrastrándola por la barra para decidir dónde empieza cada color.
• Quitala desde el selector de color, con el ícono de la papelera.

Si preferís que el color salga desde un punto y se expanda hacia afuera, elegí Radial y definí desde qué Posición arranca: el centro, una esquina o un borde.

Ideas para usarlo

• Portadas con un degradé suave en los colores de tu marca, en lugar de un fondo plano.
• Secciones de precios o de llamado a la acción que se despeguen del resto de la página.
• Botones y tarjetas con un degradé sutil para darles más presencia.

Como cualquier estilo en Grid, el degradé se puede ajustar por dispositivo: podés cambiar el ángulo o los colores solo para celular.

Estilos globales: diseñá una vez, aplicá en todo el sitio

Administrá colores, tipografías y estilos desde un único lugar y mantené una identidad visual consistente en todas las páginas.

Conocé las herramientas de diseño de Grid →