Bossa · estudo de movimento

A premissa era direta: resolver o problema sem barulho, deixando o conteúdo respirar e a forma seguir a função.

O processo por trás

Fixei o ritmo antes de desenhar qualquer tela, travando a escala e a medida de leitura para tudo conversar.

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

Ver original

1. Definir a escala tipográfica.
2. Travar a medida de leitura.
3. Desenhar a grade de imagens.

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

Explore o modelo em 3D (arraste para girar):

Mais variações estão no estudo estendido. Os tokens vivem em design/tokens.ts.

---

O resultado fechou redondo, do conceito à execução, e ainda abriu caminho para uma sequência.