> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Personalize os fundos das landing pages

> Personalize fundos com cores, imagens e gradientes para enriquecer o design e criar landing pages visualmente atraentes.

A seção Background permite controlar a aparência do que fica por trás do conteúdo dos elementos. Você pode aplicar cores, imagens ou gradientes, dependendo do tipo de elemento.

Você encontra essas configurações no **painel da direita** ao selecionar um elemento.

***

## Onde encontrar

1. Selecione um elemento (seção, contêiner, botão etc.)
2. Vá até o **painel da direita**
3. Abra a seção **Background**

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/background.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=91eca7dd15d69ff97054a9dcc20eb437" alt="Background" width="1306" height="988" data-path="images/background.png" />
</Frame>

***

## Tipos de fundo

Elementos diferentes aceitam opções de fundo diferentes.

### None (X)

* Remove qualquer fundo
* O elemento fica transparente

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/image-10.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=0baf80fd0e2d83faff4ab5916cbc40de" alt="Image" width="286" height="111" data-path="images/image-10.png" />
</Frame>

### Color

* Aplica uma cor sólida
* Você pode usar:
  * Seletor de cores
  * Valores RGB

👉 Muito usado em botões, seções e contêineres

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/image-13.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=297d03f6b7c587b916c84a5cb734a799" alt="Image" width="275" height="145" data-path="images/image-13.png" />
</Frame>

### Image

* Define uma imagem como fundo
* Disponível principalmente para elementos maiores, como seções ou contêineres

As opções incluem:

* Enviar ou trocar a imagem
* Ajustar o tamanho (fit, cover etc.)

👉 Não disponível em elementos menores, como botões

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/image-11.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=e060d412aa31ef3de08f4aef54f569c1" alt="Image" width="278" height="336" data-path="images/image-11.png" />
</Frame>

### Gradient

* Cria uma transição suave entre cores

As opções incluem:

* Estilo **Linear** ou **Radial**
* Controle de ângulo
* Vários pontos de cor

👉 Ótimo para interfaces modernas e profundidade visual

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/image-12.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=c202d976cb8a2e88277bb318ef7cb314" alt="Image" width="282" height="277" data-path="images/image-12.png" />
</Frame>
