Levantar o contraste de secção-cabeça fora da extremidade verde da rampa

Fixkamo-marketing
Navios
19 de agosto de 2026 às 06:45 UTC
Autor
Kamo
Enviar
4bf89a5

A segunda linha de cada secção era '--color-primário' -> '--color-primário-luz' -> `-color-secundário', então ele começou na marca Verde. Medido em meio-verde foto fundo que a cor de abertura é 2.61:1 — sob o piso 3.0 WCAG para texto grande — e a paragem média apenas atinge 3,28:1. Uma vez que cada uma destas seções senta-se no verde escuro tela ou uma fotografia verde-pesado, os cabeçalhos começaram ilegíveis e apenas tornou-se legível por suas últimas letras: "Necessidades em uma plataforma", "Oito Diferentes ferramentas, o "Eu" em "Show Me", "Every Industry", "Mais do que apenas um CRM, Pricing, Questions, Business Operating System. A rampa agora corre inteiramente ao longo da escala secundária (creme) — o fim claro de a marca — em 6.53:1 -> 5.77:1 -> 5.08:1 no mesmo meio-verde e 11.3:1 -> 8.8:1 na tela plana. Tudo isso limpa AA para texto normal, não importa mostra tamanhos, e a primeira linha permanece branca para que a hierarquia de dois tons seja intacto. Movido para uma classe `.heading-accent` em vez de repetir uma cadeia de utilitários através de oito arquivos, então o próximo ajuste de contraste é uma única edição. Ainda conduzido pelo tema variáveis, de modo que um inquilino de marca branca mantém sua própria paleta — o comentário registra que a rampa secundária tem que ficar leve, uma vez que é isso que carrega o contraste. Preço de preço já usou a rampa de creme e é intocado.

Todas as alterações

Como o que vês no transporte?

Cada uma dessas atualizações pousa automaticamente em seu espaço de trabalho. Comece grátis e veja crescer semana após semana.

Começar Livre Para SempreVer Preços