TIBÉRIO LEMES · DESIGN SYSTEM

Biblioteca complementar · série 2

20 variações.
Mais cor e mais luz.

Segunda coleção grainy-gradient, com fundos pastel, claros e vibrantes. A primeira série de cobre e azul petróleo permanece intacta.

20 novos fundosWebP · 82–372 KB cadaTotal das duas séries: 40
Fundos claros e pastéis

Use texto Obsidian. Deixe gradientes sutis como plano de fundo de uma banda Bone ou composição editorial; valide contraste no recorte final.

Fundos saturados

Reserve para uma ou duas faixas de destaque. Texto Bone pode precisar de overlay escuro; evite colocar texto diretamente sobre áreas muito luminosas.

/* Fundo claro: manter o texto em Obsidian */
.section--grain-light {
  color: #000;
  background: url("assets/atmosferas-grainy-variacoes/21-apricot-coral-light.webp") center / cover;
}

/* Fundo vivo: acrescentar overlay se houver texto Bone */
.section--grain-vivid {
  background-image: linear-gradient(rgba(0,0,0,.24),rgba(0,0,0,.42)),
    url("assets/atmosferas-grainy-variacoes/34-tangerine-coral-violet.webp");
}

Grupo A

Claras e pastéis

14 fundos · texto escuro recomendado

Fundo abstrato granulado Apricot e coral, com transições de cor difusas; variação cromática 21.
21Clara

Apricot e coral

Fundo leve para texto escuro; calor sem pesar.

Baixar WebP ↗
Fundo abstrato granulado Periwinkle e lilás, com transições de cor difusas; variação cromática 23.
23Clara

Periwinkle e lilás

Bloco editorial quadrado ou card de conteúdo.

Baixar WebP ↗
Fundo abstrato granulado Cítrico e marfim, com transições de cor difusas; variação cromática 24.
24Clara

Cítrico e marfim

Faixa clara para chamada curta em Obsidian.

Baixar WebP ↗
Fundo abstrato granulado Lavanda, pêssego e blush, com transições de cor difusas; variação cromática 28.
28Clara

Lavanda, pêssego e blush

Fundo quadrado para uma composição suave.

Baixar WebP ↗
Fundo abstrato granulado Azul névoa e lilás, com transições de cor difusas; variação cromática 29.
29Clara

Azul névoa e lilás

Banda clara com tipografia escura.

Baixar WebP ↗
Fundo abstrato granulado Limão, rosa e damasco, com transições de cor difusas; variação cromática 31.
31Clara

Limão, rosa e damasco

Fundo de bloco curto e arejado.

Baixar WebP ↗
Fundo abstrato granulado Aqua, coral e marfim, com transições de cor difusas; variação cromática 33.
33Clara

Aqua, coral e marfim

Composição clara com paleta múltipla.

Baixar WebP ↗
Fundo abstrato granulado Menta, lima e marfim, com transições de cor difusas; variação cromática 35.
35Clara

Menta, lima e marfim

Superfície clara para texto escuro.

Baixar WebP ↗
Fundo abstrato granulado Lilás, rosa e ciano, com transições de cor difusas; variação cromática 37.
37Clara

Lilás, rosa e ciano

Arte quadrada leve para seção editorial.

Baixar WebP ↗
Fundo abstrato granulado Âmbar, damasco e coral, com transições de cor difusas; variação cromática 38.
38Clara

Âmbar, damasco e coral

Fundo quente claro para texto Obsidian.

Baixar WebP ↗
Fundo abstrato granulado Lilás, blush e ciano, com transições de cor difusas; variação cromática 39.
39Clara

Lilás, blush e ciano

Fundo suave para layouts arejados.

Baixar WebP ↗
Fundo abstrato granulado Champagne, damasco e menta, com transições de cor difusas; variação cromática 40.
40Clara

Champagne, damasco e menta

Composição sofisticada para texto escuro.

Baixar WebP ↗

Grupo B

Vibrantes e intensas

6 fundos · contraste a conferir

Fundo abstrato granulado Teal e lima, com transições de cor difusas; variação cromática 22.
22Vibrante

Teal e lima

Faixa de abertura com título Bone e overlay leve.

Baixar WebP ↗
Fundo abstrato granulado Rosa e fúcsia, com transições de cor difusas; variação cromática 26.
26Vibrante

Rosa e fúcsia

Composição vertical para destaque editorial.

Baixar WebP ↗
Fundo abstrato granulado Aqua, esmeralda e limão, com transições de cor difusas; variação cromática 30.
30Vibrante

Aqua, esmeralda e limão

Faixa colorida de destaque; conferir contraste.

Baixar WebP ↗
Fundo abstrato granulado Violeta, índigo e cerúleo, com transições de cor difusas; variação cromática 32.
32Vibrante

Violeta, índigo e cerúleo

Versão escura saturada; texto Bone após overlay.

Baixar WebP ↗
Fundo abstrato granulado Tangerina, coral e violeta, com transições de cor difusas; variação cromática 34.
34Vibrante

Tangerina, coral e violeta

Faixa de alto impacto, uso pontual.

Baixar WebP ↗
Fundo abstrato granulado Amora, rosa e lilás, com transições de cor difusas; variação cromática 36.
36Vibrante

Amora, rosa e lilás

Faixa escura saturada para chamada curta.

Baixar WebP ↗