Logo em curvas, as duas paletas completas, as três famílias tipográficas e os tokens que o produto usa hoje. Tudo com download direto, sem cadastro. É ponto de partida, não camisa de força: o que precisa ficar firme é o logo, e essa parte está nas regras de uso.
Escolha pelo espaço disponível: o empilhado cabe em espaço quadrado, o wordmark em faixa horizontal, e o símbolo sozinho funciona quando a marca já apareceu na mesma peça.
O iOS e o Android aplicam a própria máscara de canto, então o arquivo vai em sangria total, sem raio. No Android o ícone adaptativo é só o primeiro plano, com fundo transparente e conteúdo dentro da zona segura de 66%: o grafite entra pela configuração do aplicativo, não pela imagem.
Exports rasterizados para onde não dá para usar vetor. Para peça impressa, corte ou grande formato, prefira sempre o SVG acima.
Os valores abaixo seguem o tema atual da página. Troque no botão do topo para ver a outra paleta. Clique num campo para copiar. O verde rende mais como acento do que como superfície: quando ele marca uma coisa por tela, essa coisa ganha peso. Espalhado, ele perde o efeito.
Paleta categórica: a cor identifica a classe do ativo, não a posição num ranking. Foi validada nos dois temas para banda de luminosidade, chroma, contraste e leitura por quem tem daltonismo, então vale reaproveitar em vez de sortear cores novas.
As três são SIL Open Font License 1.1, então podem ser instaladas e redistribuídas livremente. Bricolage e Archivo são variáveis: um arquivo só cobre toda a faixa de peso.
.stmt-xl
.stmt
.h-disp
body
.tabnum
Três hábitos dão o tom: canto reto na maioria dos componentes, com o símbolo da marca como exceção; separação por linha fina em vez de sombra pesada; e número sempre em tabular, para as colunas alinharem. Peça de campanha tem liberdade maior que tela de produto, isso aqui é a referência, não o teto.
Esta é a parte firme do kit. No resto dá para experimentar, mas o logo em si não se mexe: ele é fornecido pronto em todas as variações, e se a peça pedir algo que não está aqui, peça o arquivo em vez de adaptar.
Deixe ao redor do logo pelo menos a altura do símbolo, livre de texto e imagem.
Em fundo escuro use a versão paper. Em fundo claro, a versão ink.
O símbolo sozinho vale quando a marca já apareceu na mesma peça.
Não estique nem comprima. Redimensione sempre na proporção.
Não gire nem incline.
Não recolora. O verde da marca é fixo nos dois temas.
Não aplique sombra, contorno, gradiente ou textura.
Não use sobre fundo de baixo contraste nem sobre foto movimentada.
Não redesenhe o logo em outra fonte. Use o arquivo.
Uma palavra, com o B maiúsculo: DataBolsa. Nunca Databolsa, DATABOLSA ou Data
Bolsa. O identificador técnico, como domínio e usuário, é sempre minúsculo:
databolsa.
Em português a marca é masculina: o DataBolsa, no DataBolsa,
do DataBolsa. Não use "a DataBolsa".
Para peça impressa, corte ou grande formato use sempre o SVG. Os PNG são exports prontos para avatar, ícone de aplicativo e favicon.
.zip
Wordmark, fundo claro
Vetor em curvas, a forma mais usada
.svg
Wordmark, fundo escuro
Vetor em curvas
.svg
Empilhado, fundo claro
Para espaço quadrado: avatar, ícone, selo
.svg
Símbolo
O quadrado verde, sozinho
.svg
Tokens de design
As duas paletas completas, em variáveis CSS
.css
Licença de uso da marca
O que pode e o que não pode, por escrito
.md
Os arquivos avulsos, incluindo os PNG e os TTF das fontes, estão no repositório.