Tudo partiu de uma referência antiga que eu queria reinterpretar com as ferramentas de hoje, sem perder a alma do original.
A textura entrou só onde dava caldo, nunca como enfeite. Sombra apenas em resposta à interação.
Menos peças, mais decisões: cada elemento precisa se justificar.
.btn {
background: var(--primary);
border-radius: 10px;
}
Veja o resultado ao vivo:
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.
O movimento ficou suave, gostei do timing.
Cores quentes combinaram com o tema.
O movimento ficou suave, gostei do timing.
Manda mais desse mundo, quero ver a sequência.
Detalhe fino no acabamento, reparei nas sombras.