Estuário: kit de marca

O processo por trás

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.

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

Veja o resultado ao vivo:

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

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