Contraste 4.5:1 e sombra CSS para colar

Token de front para copiar. A conta do contraste é matemática; a página real ainda tem foto e transparência.

O hero da landing precisa de um degradê e o card de uma sombra, sem abrir o Figma no meio da daily. O gerador de gradiente CSS monta linear-gradient ou radial-gradient com as paradas. Exemplo para colar:

background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 100%);

Isso é CSS, não PNG e não fundo de PDF. Sombra do card: gerador de sombra — outro job.

Contraste e unidade antes do deploy

Texto em cima do degradê: verificador de contraste. Dois HEX, orientação WCAG, sem laudo de acessibilidade.

Conversor de unidades CSS troca px, rem, em. Metro e quilo ficam no conversor de unidades.

Cor da marca

Pixel do logo que o cliente mandou no WhatsApp: conta-gotas. Série sugerida: gerador de paletas. HEX de tela não é Pantone nem CMYK de gráfica. Logo em SVG: SVG para PNG nas imagens.