Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Olá! Tudo bem?
Muito bem! Está ótimo, parabéns!!
Na primeira imagem, você já listou várias cores com seus respectivos códigos hexadecimais e porcentagens de opacidade. Isso é ótimo! Certifique-se de que todas as cores usadas no seu projeto estejam listadas aqui. Se possível, categorize essas cores (primárias, secundárias, de fundo, de texto, etc.) para facilitar a compreensão, ok?
E é excelente ter documentado os diferentes tamanhos de fonte. Isso é essencial. Também é ótimo ter inserido os pesos (normal, bold, etc.). Que tal inserir espaçamento entre linhas e qualquer outra variação tipográfica que seja relevante para o seu projeto, assim como as famílias de fontes?
E quanto aos diferentes estilos de sombra, inseriu corretamente a configuração da sombra (deslocamento, desfoque, cor, etc.). Isso é muito útil para garantir consistência no uso de sombras em todo o projeto. É isso aí!
Uma sugestão é, se você usar ícones, documente os ícones disponíveis e suas variações (tamanho, cor, etc.).
Novamente, meus parabéns!!
Lembre-se de que a clareza e a organização são fundamentais para que qualquer pessoa que utilize seu design system possa entender facilmente como aplicar os estilos e componentes definidos.
Espero ter ajudado e qualquer dúvida estou aqui!
Até breve!