Tudo partiu de uma referência antiga que eu queria reinterpretar com as ferramentas de hoje, sem perder a alma do original.
Fixei o ritmo antes de desenhar qualquer tela, travando a escala e a medida de leitura para tudo conversar.
export const tokens = {
primary: "oklch(0.575 0.17 34)",
radius: 10,
};
Veja o resultado ao vivo:
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.
Ainda não há comentários. Seja o primeiro a comentar.