Byte
Buenos Aires 05:20 p. m.

Kit de design

Três ferramentas para desenhar com critério: verificador de contraste segundo a WCAG 2.2 (4,5:1 para texto normal no nível AA), gerador de paletas de onze tons com variáveis CSS e gerador de escala tipográfica modular. Tudo roda no seu navegador.

Verificador de contraste de cores (WCAG)

O contraste entre texto e fundo é medido como uma relação de luminância, de 1:1 a 21:1. As diretrizes WCAG 2.2 pedem pelo menos 4,5:1 para texto normal e 3:1 para texto grande (24 px, ou 18,66 px em negrito) no nível AA; o nível AAA sobe para 7:1 e 4,5:1.

Título de exemplo

Assim se lê um parágrafo com esta combinação de cores.

Razão de contraste
14,08 : 1
Texto normal AA (4.5:1)Passa
Texto grande AA (3:1)Passa
Texto normal AAA (7:1)Passa
Texto grande AAA (4.5:1)Passa
Ícones e bordas (3:1)Passa

Gerador de paletas de cores

Escolha uma cor de marca e obtenha uma escala de onze tons, do 50 ao 950, mais as suas cores complementar, análogas e triádica. Você pode copiar cada cor ou a escala completa como variáveis CSS.

Complementar
#1CD6E3
Análogo −30°
#E31C73
Análogo +30°
#E38C1C
Triádico
#1CE329

Gerador de escala tipográfica

Uma escala tipográfica modular multiplica um tamanho base por uma proporção fixa para obter todos os tamanhos de um site. Com base de 17 px e proporção 1,25, o corpo mede 17 px, o H4 33 px e o H1 65 px aproximadamente.

Display, 81 pxSua marca
H1, 65 pxSua marca
H2, 52 pxSua marca
H3, 42 pxSua marca
H4, 33 pxSua marca
H5, 27 pxSua marca
H6, 21 pxSua marca
Corpo, 17 pxSua marca
Pequeno, 14 pxSua marca

Funciona no seu navegador. O que você carrega não é enviado a nenhum servidor.

Vamos conversar?

Conte sobre o seu produto e a sua operação atual e enviamos uma proposta por escrito com etapas, escopo e cada custo.

Venda na Argentina.

A Byte coordena vendas e importação na Argentina para empresas de fora. Conte sobre o seu produto e a sua operação atual, e indicamos por onde começar.

© 2026 Byte Argentina, Buenos Aires Uma equipe. Um plano por escrito. Uma cadeia, de ponta a ponta.
Contato