Cobalto: estudo de cor

Da ideia à forma

Testei variações lado a lado até a versão final se impor sozinha, sem precisar de explicação.

• Contraste de peso no lugar de empilhar fontes.
• Medida de leitura travada em 68ch.
• Escala fixa em rem fora do herói.

1. Coletar referências.
2. Esboçar três direções.
3. Escolher uma e refinar até fechar.

export const tokens = {
  primary: "oklch(0.575 0.17 34)",
  radius: 10,
};

Veja o resultado ao vivo:

Saí com um sistema, não só com uma tela. Era esse o objetivo desde o primeiro rascunho.