Escolha duas ou três faixas de destaque: abertura, palestra/workshop, citação, experiência ou CTA final. Mantenha as bandas claras lisas para preservar o ritmo visual.
Opção 2 · camada de atmosfera
Grainy gradient.
20 fundos para compor.
Textura granulada, luz difusa de cobre queimado e azul petróleo sobre Obsidian. Inspirada na referência enviada por Tibério; cada arquivo é um fundo abstrato pronto para uso.
Posicione o foco luminoso longe do texto. Use uma camada escura por cima da imagem, não reduza a opacidade do conteúdo. Retratos, screenshots, botões e cards ficam em camadas próprias.
/* Exemplo: usar a imagem como fundo de uma faixa escura */
.section--grain {
background-image: linear-gradient(rgba(0,0,0,.42), rgba(0,0,0,.52)),
url("assets/atmosferas-grainy/01-ember-petrol-subtle-left.webp");
background-position: center;
background-size: cover;
}
Biblioteca de fundos
Abra para ver o arquivo integral ou baixe o WebP. Os números e nomes correspondem às rotas na pasta de assets.

Brasa lateral suave
Faixa editorial com o texto deslocado para a direita
Baixar WebP ↗
Encontro cobre e petróleo
Composição quadrada para recortes editoriais e cartões largos
Baixar WebP ↗
Profundidade petróleo
Hero ou faixa de abertura com título amplo
Baixar WebP ↗


Fluxo ember e petróleo
Transição visual entre blocos ou chamada de palestra
Baixar WebP ↗
Nuvem de brasa e teal
Abertura de seção de palestras/workshops
Baixar WebP ↗




Luzes em cantos opostos
Composição com texto central e área de respiro
Baixar WebP ↗
Assimetria dupla
Faixa de experiência ou citação em largura total
Baixar WebP ↗

Ember e ciano em lados opostos
Composição marcante para uma única seção especial
Baixar WebP ↗
Brasa acima, petróleo abaixo
Seção de portfólio com conteúdo alinhado ao centro
Baixar WebP ↗

Ember à direita
Texto à esquerda com luz deslocada para a direita
Baixar WebP ↗

Dois cantos em equilíbrio
Hero alternativo com conteúdo central curto
Baixar WebP ↗