Cores

primárias

• 9B133B wine 841032

  000000 black

  718698 concrete 6E7D8B

  wine

  Cor utilizada para pontos de destaque no design. Deve ser utilizada quando quiser chamar atenção, como botões primários, títulos, dados principais, etc…

  Black

  Cor utilizada basicamente para texto mas que também pode se extender para linhas divisórias grossas.

  Concrete

  Utilizada em linhas divisórias, icones da categoria “regular” e botões “second” e “third” action. Essa cor é utilizada em detalhes, como disclaimers.

secundárias

• FFF9E7 yellow FEF5D8

  181C3C PURPLE 2E2533

  yellow

  Usado como cor de fundo, em situações que demandam ação do usuário ou situações que demandam destaque, como footers ou headers ou itens selecionados.

  purple

  Usado como cor de fundo em barras de titulo dos cards, e também usado no footer principal do site. O purple também é usado como a segunda cor de um gráfico.

notificações

• FF0100 red CC0200

  FF9933 yellow F3861A

  00A651 green 009147

  red

  Usado em situações importantes de erro ou falha onde o usuário deve ser notificado com destaque e urgência para tomar possíveis ações.

  yellow

  Usado em avisos ao usuário que não são críticos e que possuem um tom neutro, não negativo e não positivo.

  green

  Usado como cor de fundo, em situações que demandam ação do usuário ou situações que demandam destaque, como footers ou headers.

CINZAS

• B5B5B5 DARK

  CCCCCC regular

  EDEDED light

  F7F7F7 superlight

  Usados em fundos e linhas divisórias, e em componentes inativos ou desabilitados.

COMPLEMENTÁRIAS

• 570870 1

  1B7AA7 2

  059590 3

  DDAF22 4

  CF6118 5

  Usadas somente para gráficos ou situações onde é necessário diferenciar dados.

DEGRADÊS

• 12467F - 2A67A3 1

  0E3661 - 2A5E92 2

  Usados como cor de fundo em módulos que demandam destaque. Normalmente acompanhado de fotografia.