Cores
As cores do Coddy
Uma só cor de marca: Coddy Blue. O magenta é da Bugsy. Todas as outras cores significam algo no produto, então nunca aparecem só para enfeitar.
Marca
Duas cores com nome
Coddy Blue é o logo, o Bit, os links e os destaques. Bugsy Magenta é só para a Bugsy e a tutora de IA.
Coddy Blue
A única cor de marca. Logo, logotipo em texto, Bit, destaques.
Coddy Blue no escuro
O mesmo azul, mais claro para fundos escuros.
Bugsy Magenta
A Bugsy e os recursos da tutora de IA. Em nenhum outro lugar.
Produto
Cores que significam algo
Quem aprende lê essas cores como sinais. Laranja é sua sequência, dourado é sua pontuação. Use cada uma para o que ela significa.
Sequência
A chama da sequência e os momentos de sequência diária.
Pontuação
XP, pontuação, moedas e gemas.
Energia
O raio de energia e o limite diário.
Pro
Coddy Pro e os recursos premium.
Sucesso
Testes aprovados, lições concluídas, respostas certas.
Corações
Corações e vidas.
Congelar sequência
A sequência congelada que salva um dia perdido.
Interface
Botões e links
Nossos botões ficam sobre uma sombra mais escura que afunda quando você toca. Experimente.
Azul do botão
Botões principais na web, tema claro.
Sombra do botão
A borda que afunda sob o azul do botão.
Azul profundo
Botões secundários e links.
Azul do botão, tema escuro
Botões principais sobre fundos escuros.
Fundos
Claro e escuro
Branco limpo ou azul bem clarinho, muito espaço vazio, um único ponto de foco. O modo escuro é um grafite quente, nunca preto puro.
Branco
O fundo do tema claro.
Névoa
Cards e superfícies secundárias no claro.
Céu suave
Seções azul-claras das landing pages.
Carvão
O fundo do tema escuro.
Grafite
Cards no escuro.
Editor
O fundo do editor de código.
Degradês
Dois céus
Light Sky
Seções de destaque e grandes momentos no claro.
Dark Sky
A mesma ideia depois do pôr do sol.
Legível
Contraste que passa
Coddy Blue é um azul vivo e alegre. Ótimo para ilustrações e destaques, claro demais para texto branco pequeno. Veja como as combinações mais comuns se saem.
Perguntas frequentes
Perguntas sobre as cores
Qual é a cor de marca do Coddy?
Por que a Bugsy tem outra cor?
Posso usar o laranja da sequência ou o dourado da pontuação no meu design?
Vai escrever sobre o Coddy?
Dados, fundadores e o contato de imprensa estão na página de imprensa. Ir para o kit de imprensa
