Esta página é gerada pelas mesmas constantes que pintam o site e o painel. Se algo aqui estiver errado, está errado no produto — e o contrário também.
Papel, não alumínio. Cinza azulado é a cor padrão de todo template do mundo — é o que faz um produto parecer feito por ninguém.
Ele diz uma de três coisas: dinheiro que entrou, ação principal, item ativo. Se aparecer sem dizer nenhuma delas, está errado.
Título e corpo se separam por tamanho e fonte, não por negrito. Negrito espalhado deixa a tela gritando toda igual.
Todo espaçamento é múltiplo de 4. Tira a decisão do caminho: ninguém escolhe entre 13 e 15 pixels.
Principal, apoio, metadado. O quarto nível que sempre aparece na pressa é o que embaralha a leitura.
Os três níveis passam sobre as duas superfícies. Texto de apoio é onde mora o argumento — não pode ser o mais difícil de ler.
Mesmos nomes de token, valores diferentes. Um componente escrito uma vez funciona nas duas — o botão do site e o botão do painel são o mesmo botão.
Texto de apoio, que é onde mora o argumento.
metadado · 14:02Texto de apoio, que é onde mora o argumento.
metadado · 14:02Tire a saturação e todos viram a mesma escala de cinza. É isso que faz parecerem família.
600 no claro, 400 no escuro — o mesmo verde, ajustado pra ter contraste nas duas.
Atenção, nunca urgência.
Vermelho puro assusta. A maior parte dos erros aqui é dinheiro que não entrou, não desastre.
Quanto maior a superfície, maior o raio. Canto pequeno em caixa grande parece apertado.
Uma curva só pra tudo que entra. Variar a curva sem motivo é o que faz uma interface parecer inquieta. Tudo respeita quem pediu menos movimento no sistema.