10 · CoresbFlow · Brand book 3.0

Azul que sustenta, lima que entrega, meia-noite que dá peso

Por que estas cores. O azul elétrico é a cor da confiança e da tecnologia, mas num tom mais vivo que o dos bancos e dos ERPs tradicionais: diz "sistema sério" e "moderno" ao mesmo tempo. O lima é energia, crescimento e resultado, e a dupla azul + lima é rara no mercado de gestão, o que a torna reconhecível de longe. A meia-noite dá o peso institucional que o azul sozinho não tem.

Azul bFlow#315CF6 · 49 92 246 · C80 M63 Y0 K4Cor-mãe: ícone, botões primários, links, tema padrão.
Lima resultado#BAE314 · 186 227 20 · C18 M0 Y91 K11Só o resultado: a faixa de dentro, números positivos, um destaque por peça.
Meia-noite#0A0F2C · 10 15 44 · C77 M66 Y0 K83Fundos institucionais, títulos, texto forte, modo escuro.
Névoa#F4F6FB · 244 246 251Fundo claro padrão. Branco puro só em cartões sobre a névoa.
Grafite#1F2440 · 31 36 64Texto corrido sobre claro. Mais suave que o preto, mais sério que o cinza.
Apoio e semântica
Azul profundo#1E3FBF · hover, escuro
Céu#DCE5FF · fundos azuis
Lima tinta#8DB000 · lima sobre claro
Lima claro#F1F9D2 · fundo de destaque
Sucesso#1E8E4E
Atenção#D98E04
Erro#D7263D
Neutro#5A6185 · texto 2º

Sucesso é verde-folha, não lima: o lima fica reservado à marca e ao resultado e nunca disputa com o estado "ok" da interface. Texto em lima sobre claro usa sempre a lima tinta.

Proporção e contraste
60% névoa / branco30% azul / meia-noite10%
Branco sobre azul5,3 : 1 ✓
Lima sobre meia-noite12,8 : 1 ✓
Lima tinta escura (#5C7400) em texto5,0 : 1 ✓
Lima sobre azul (só gráfico)3,5 : 1 · sem texto
Temas do produto
Claro Padrãolight · névoa + azul + lima tinta
Claro Vibrantelight-vibrant · blocos tintados
Escuro Vibrantedark-vibrant · meia-noite + lima
Ameixa Modernoameixa · menu ameixa + lima #B2D300
Alto Contrastehigh-contrast · preto + âmbar, logo P&B

São os cinco temas que já existem no produto (data-theme). Em todos, o lima permanece como destaque e o símbolo acompanha: faixas na tinta do tema, faixa de dentro em lima. No Alto Contraste o símbolo vai em P&B.

bFlow · Brand book 3.010