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!