A premissa era direta: resolver o problema sem barulho, deixando o conteúdo respirar e a forma seguir a função.
Testei variações lado a lado até a versão final se impor sozinha, sem precisar de explicação.
O melhor enquadramento é o que some na frente do trabalho.
export const tokens = {
primary: "oklch(0.575 0.17 34)",
radius: 10,
};
Explore o modelo em 3D (arraste para girar):
O código-fonte e as decisões estão no repositório público. Os tokens vivem em design/tokens.ts.
O resultado fechou redondo, do conceito à execução, e ainda abriu caminho para uma sequência.
O antes e depois explica tudo, sensacional.
Composição muito equilibrada.
Esse terceiro quadro é meu favorito.
Trabalho lindo, a paleta tá impecável.
Salvando pra referência. Inspirador.
Isso aqui merecia virar pôster físico.