Bruma, direção de arte

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

A grade veio depois

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

• Referências reunidas e podadas até sobrar o essencial.
• Paleta fechada antes do primeiro layout.
• Grade de imagens só depois do ritmo de tipo.

O melhor enquadramento é o que some na frente do trabalho.

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

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

Detalhei o processo completo na documentação do projeto. Os tokens vivem em design/tokens.ts.

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