Olá, Ingrid! Como vai?
A escolha de como agrupar as cores pode realmente fazer uma grande diferença na usabilidade e manutenção do seu Design System.
No seu caso, onde você tem tons de vermelho que servem tanto para a marca quanto para indicar erros, uma abordagem prática seria separar esses grupos de forma que fique claro o propósito de cada um. Aqui estão algumas sugestões:
Agrupamento por Função: Você pode criar dois grupos distintos, como "Red Brand" e "Red Warning". Isso ajuda a evitar confusões sobre o uso das cores e garante que os designers saibam exatamente quando usar cada grupo. Por exemplo:
red-brand-100
red-brand-200
red-warning-100
red-warning-200
Agrupamento por Intensidade e Função: Outra abordagem seria combinar a intensidade da cor com a função, o que pode facilitar a identificação. Por exemplo:
brand-red-100
brand-red-200
warning-red-100
warning-red-200
Uso de Nomes Descritivos: Se você tem apenas algumas cores que são usadas para erros e outras para a marca, pode usar nomes descritivos que indiquem claramente o propósito. Por exemplo:
brand-primary-red
brand-secondary-red
error-light-red
error-dark-red
A escolha depende muito de como a sua equipe prefere trabalhar e como vocês organizam os tokens de design. O importante é que a nomenclatura seja intuitiva e facilite a manutenção e o uso consistente das cores.
Espero ter ajudado.
Abração.