Design Tokens são uma parte essencial de um Design System.
São variáveis que armazenam atributos visuais de design, que podem conter cores (hex, RGBA ou outros valores), unidades de dimensionamento (pixels, rems, etc.) e muito mais, indepedente de tecnologia.
Eles são essenciais para criar e manter um sistema visual consistente em diferentes plataformas (sites, intranets, aplicativos, totens e outros produtos digitais da empresa).
Os componentes incluem uma variedade de elementos comuns da interface do usuário para criar experiências e garantir interação e estilo consistentes, além de otimizações de acessibilidade.
Geralmente, estes componentes ficam disponíveis nas linguagens aplicadas nos sites ou aplicativos da marca.
Como no Natal estamos utilizando apenas o website da Tuia como exemplo, optamos por mostrar apenas a versão HTML dos componentes.
Na seção de Recursos, você poderá fazer download do arquivo Sketch do Design System para uso em seu projeto e as últimas atualizações do projeto.
O arquivo Sketch contém todos os componentes mostrados aqui prontos para uso.