O briefing pedia algo caloroso e confiante ao mesmo tempo, então a primeira decisão foi cromática antes de qualquer layout.
Testei variações lado a lado até a versão final se impor sozinha, sem precisar de explicação.
export const tokens = {
primary: "oklch(0.575 0.17 34)",
radius: 10,
};
Veja o resultado ao vivo:
O código-fonte e as decisões estão no repositório público. Os tokens vivem em design/tokens.ts.
No fim, a peça zumbia no movimento e ficava quieta no repouso. É exatamente o que o projeto pedia.
Top demais, como você fez o degradê?
Composição muito equilibrada.