Olá! Trabalho em uma empresa onde as cores da marca são azul e vermelho. Evito ao máximo colocar o vermelho onde possa parecer que é um erro. Criei a variante de cores de 100 a 600, sendo uma variante para erro e uma variante, a marca. Não achava que criar dois grupos "red brand" e um "warning" era o melhor caminho pois teriam 12 tons de vermelho e apenas duas cores de fato seriam utilizadas. Mas analisando de forma mais fria, fiquei confusa. Seria a melhor alternativa?
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-100red-brand-200red-warning-100red-warning-200Agrupamento 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-100brand-red-200warning-red-100warning-red-200Uso 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-redbrand-secondary-rederror-light-rederror-dark-redA 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.