Gradientes de seda: dobras suaves de luz e cor

Um gradiente de seda imita tecido pendente: dobras longas de cor, cada uma com um brilho estreito e claro ao longo da crista e uma sombra suave e profunda no vale. Esse padrão de luz fina e sombra larga é o que o olho lê como brilho. É um visual de material, não de cor, e por isso o mesmo champanhe ou esmeralda pode parecer plano como mistura simples e luxuoso como seda. Precisas de três coisas: uma cor de tecido, um brilho mais claro e ligeiramente mais quente e uma sombra mais profunda e mais saturada.

Como a seda apanha a luz

As fibras de seda são lisas e ligeiramente em forma de prisma, por isso refletem a luz de forma concentrada. Uma dobra em seda produz um brilho rápido e nítido onde olha para a luz e uma descida longa e suave para a sombra. O algodão mate na mesma dobra daria um gradiente largo e baço, sem um pico nítido. Copia estas propriedades e qualquer cor começa a ler-se como seda.

Códigos de gradientes de seda

Cada um destes é um gradiente linear com as dobras já incluídas: faixas desiguais, brilhos nítidos e sombras largas. Funcionam como fundos por si e como base para a versão em camadas mais abaixo.

Mantém o ângulo entre 100 e 125 graus para que as dobras caiam na diagonal, como tecido pendurado de um canto. Uma dobra perfeitamente vertical parece uma cortina; uma horizontal parece uma fita. As sedas escuras, como meia-noite e sangue-de-boi, são as mais tolerantes, porque a sombra esconde qualquer junção desajeitada. Combinam naturalmente com tipografia dourada, como em gradientes preto e dourado.

Seda furta-cor: duas cores no mesmo tecido

A seda furta-cor, também chamada changeante, é tecida com uma cor de fio no sentido do comprimento e outra no sentido da largura. À medida que o tecido se vira, vês mais de uma ou da outra, e por isso muda de tom entre a luz e a sombra. É a seda mais marcante de imitar, e basta uma alteração: usa um tom para os brilhos e os ombros e outro tom diferente para os vales.

Como construir dobras de seda em CSS

Um só gradiente linear dá dobras paralelas, que parecem tecido plissado. O panejamento real curva-se. Sobrepõe dois gradientes com ângulos ligeiramente diferentes, um com luz suave e outro com as dobras, e junta uma grande sombra radial para um lado cair. O resultado lê-se como tecido que pende.

.silk {
  min-height: 100vh;
  background-color: #4a3216;
  background-image:
    radial-gradient(ellipse 70% 90% at 85% 100%, rgba(40, 24, 8, 0.65) 0%, transparent 70%),
    linear-gradient(100deg, transparent 30%, rgba(255, 246, 225, 0.35) 38%, transparent 44%),
    linear-gradient(115deg, #6b4f2a 0%, #c8a46a 18%, #f7ead0 23%, #b8925a 30%,
      #5a3f1e 48%, #a8844f 62%, #efdcb6 66%, #8c6a3a 74%, #4a3216 100%);
}

Seda vs gradientes de cetim, líquidos e cromados

Onde os gradientes de seda funcionam melhor

A seda sinaliza cuidado, o que a torna certa para joalharia, perfumes, cuidados de pele, noivas, hotéis e lançamentos premium. Combina-a com uma serifada refinada ou uma sem serifa leve e larga, e mantém poucas palavras. O champanhe e o marfim servem casamentos; esmeralda, meia-noite e sangue-de-boi servem noite e luxo. Paletas de cores de luxo e paletas de cores para casamentos têm mais combinações.

Os Marks do Gradiently empilham até três materiais, cada um com a sua luz e o seu grão, por isso uma superfície pode ter profundidade e brilho sem construíres dobras à mão. Cada um é desenhado em plena qualidade em todos os tamanhos em que crias, de um convite a um story, e mantém calma a zona atrás das tuas palavras. Explora o Mercado com palavras de cor como “champanhe” ou “esmeralda”.