Visual Language
Cores
Branding
Cores usadas na branding da aplicação. Também são as cores usadas nos botões do RD Station.
- $brand-primary #31a2ff
- $brand-secondary #364a65
- $brand-success #01bc8b
- $brand-info #4299e0
- $brand-warning #ffbd02
- $brand-danger #fb5b41
Estados
Cores usadas nos componentes contextuais. Por exemplo, alertas e mensagens de informação ou sucesso. São separadas entre variáveis de cor de fundo e cor de texto, $state-ESTADO-text
e $state-ESTADO-text
, respectivamente.
- $state-success-text #3c763d
- $state-success-bg #dff0d8
- $state-info-text #31708f
- $state-info-bg #d9edf7
- $state-warning-text #8a6d3b
- $state-warning-bg #fcf8e3
- $state-danger-text #a94442
- $state-danger-bg #f2dede
Social Branding
Cores usadas nos botões e ícones de mídias sociais.
- $brand-twitter #00aced
- $brand-facebook #3B5998
- $brand-linkedin #1B86BB
- $brand-analytics #f56e2b
Gráficos e Legendas
Cores usadas nos gráficos e legendas da aplicação. Por exemplo, nas funcionalidades de Análise e Marketing BI.
- $brand-chart-1 #4c66b7
- $brand-chart-2 #7ca932
- $brand-chart-3 #ddb606
- $brand-chart-4 #b94c2e
- $brand-chart-5 #7e4e9c
- $brand-chart-6 #737373
- $brand-chart-7 #70a5c2
- $brand-chart-8 #9fbe3e
- $brand-chart-9 #e59b5a
- $brand-chart-10 #c76689
- $brand-chart-11 #7b6db4
- $brand-chart-12 #a5a5a5