Nessa aula, abordamos o conceito de "spacing" no design, que também pode ser referido como "Space". Exploramos como diferentes Design Systems, como o Base da Uber e o Atlassian, abordam a questão da nomenclatura do espaçamento e como eles escalonam esses valores.

Pontos importantes destacados na aula:

• Terminologia: "Spacing" ou "Space" são os termos utilizados para se referir ao espaçamento no design.

• Exemplos Práticos: Visitamos oBaseda Uber para entender como eles lidam com o espaçamento.

• Escala e Proporção: A Uber utiliza um multiplicador de 1.125 para escalar o espaçamento, o mesmo usado na tipografia, para manter a coerência visual. Eles também arredondam os incrementos para múltiplos de quatro.

• Valores Core: A Uber define valores centrais de espaçamento (16, 24, 36, 48 e 64) que são aplicados na maioria dos elementos do design.

• Aplicação Prática: Exemplificamos como os valores de espaçamento são aplicados, como no tamanho de ícones, e como eles podem ser nomeados de forma mais descritiva (por exemplo, "ícone-medium").

• Comparação com Atlassian: No DS da Atlassian, o espaçamento é nomeado como "Space", e eles usam um sistema de multiplicadores para definir os valores de espaçamento, com o valor base sendo 8. Exemplo: Space.100 que se refere ao multiplicador 1x, assim como Space.050 está para o multiplicador 0.5x.

• Definição de Valores Base: Discutimos a importância de ter um valor base claro e como os multiplicadores são usados para criar uma escala de espaçamento.

• Objetivo da Aula: A meta é definir de forma explícita os valores de espaçamento para o nosso DS, de modo que, ao olhar para as variáveis, possamos entender imediatamente o valor correspondente.

Ao final da aula, enfatizamos a importância de ter uma taxonomia clara e lógica para a tokenização do design, incluindo espaçamento, tipografia e outros elementos, para facilitar a compreensão e aplicação consistente desses valores no design.