Cores
As cores são importantes para identificação do nosso produto, além de ajudarem a criar experiências consistentes através das nossas soluções.
Recomendações
Para melhor diferenciar vários tipos de dados e informações, quando em mapas e tabelas, recomendamos a utilização de múltiplas cores.
Para melhor comunicar o propósito principal da interface, recomendamos a utilização da cor primária apenas uma vez por página, ou o mínimo necessário.
Para facilitar a construção de modelos mentais de uso da interface, recomendamos a utilização de cores de maneira consistente para a representação de status, mensagens de feedback e convenções
Ex.: links azuis, mensagens de validação vermelhas, mensagens de sucesso azuis ou verdes.
Observações:
- Recomendamos o uso do token de gradiente como background das aplicações. Para utilizá-lo, atribua o token à propriedade background.
Paleta de cores
Light Neutrals
Token
Mid Neutrals
Token
Dark Neutrals
Token
Piccolo Green
Token
Aquaman Teal
Token
Sulivan Turquoise
Token
Nocturne Blue
Token
Nightwing Indigo
Token
Raven Violet
Token
Peppa Pink
Token
Carmen Red
Token
Goku Orange
Token
Lisa Amber
Token
Gradiente
linear-gradient($bg-gradient)