Planer Brand Center
Central/Logos

Marca

Tag e descritor

Tag

Palavra curta depois da barra. Diz qual Planer está falando: o grupo ou uma unidade. GROUP, BR, PY.

Descritor

Frase depois da barra. Diz o que a Planer faz. Letra menor, até duas linhas, só na horizontal.

Versões

Horizontal · Group
Sobre Azul Planer
Unidade · BR
Unidade · PY
Vertical · Group
Vertical · Brasil
Vertical · Paraguai
Horizontal com descritor

Cor do logo e fundo

LogoFundos permitidos
Azul PlanerBranco, Paper
Pen InkBranco, Paper, Neblina, Blue Steel
PaperAzul Planer, Pen Ink, Grafite, Cobalto, foto escura

Regras

  • SimTag padrão: GROUP, BR, PY. Na vertical: GROUP, BRASIL, PARAGUAI
  • SimOutro texto na tag só em caso pontual, um por vez
  • NãoAzul sobre azul (Azul Planer, Cobalto, Blue Steel, Neblina entre si)
  • NãoMonograma, símbolo ou barra solta
  • NãoDistorcer, contornar, aplicar sombra ou trocar a fonte

Textos fixos

Descritor PTInteligência Contábil, Tributária e Internacional.
Descritor ENAccounting, Tax & International Intelligence.
AssinaturaPara operações que não podem parar.
Central/Logos

Construção do logo

Horizontal

P = 35,41 × 34,26 pt

Vertical

Medidas

pt
ElementoFonteMedidaRelação
PLANERArchivo Expanded ExtraBold99,01 · caixa alta 68,12Base
TagArchivo Expanded Medium49,87 · caixa alta 34,26Metade da altura de PLANER
DescritorArchivo Expanded Medium25,35 · entrelinha 30,42Metade da tag
Unidade PP da tag35,41 × 34,26Espaços e proteção
Barra3,56 × 51,391,5 × a altura do P
Área de proteção1 P em todos os lados
Central/1

Cores

Marca

Clique para copiar o HEX

Estados

Sempre com ícone e texto

Planilhas

ContaPrevistoRealizadoVariaçãoSituação
Linha padrão1.000,001.080,00+80,00Conferido
Linha alternada1.000,00920,00−80,00Divergente
Célula de entradapreencher——Pendente
Célula com fórmula=SOMA()1.000,000,00Informativo
Total3.000,003.000,000,00
Cabeçalho · Azul Planer + PaperLinha alternada · PaperTotal · NeblinaEntrada · Atenção fundoFórmula · CobaltoPositivoNegativo

Gráficos · categorias

Nesta ordem, sem pular · até 6 séries

Gráficos · escala de valor

Do menor ao maior

Gráficos · destaque

  • 1 sérieAzul Planer
  • FocoSérie em foco em Cobalto, as demais em Neblina
  • EixosTexto Grafite, linhas de grade Neblina
Central/Ferramentas

Construtor de cor

Marca

Apoio

Outra cor

Escala da cor escolhida

Contraste
Texto normal
Texto grande

Central/3

Tamanhos e componentes

Espaçamento

Múltiplos de 4

Espaçamento em uso

Medidas em px
Etiqueta

Título do cartão

Texto de apoio do cartão.

PrincipalSecundário
  • 24Preenchimento do cartão
  • 12Da etiqueta ao título, e entre botões
  • 4Do título ao texto de apoio
  • 24Do texto às ações
  • 8Do ícone ao texto, dentro do botão

Margens e distâncias

TermoOndeValor
MargemDa borda da página ao conteúdo16 · 24 · 32
RespiroEntre blocos da mesma seção12 · 16 · 24
PreenchimentoDentro de cartão, célula ou painel16 · 20 · 24
TítuloDo título de página ao conteúdo40
SeçãoEntre seções48 · 64

Grade por largura de tela

Material 3
JanelaLarguraColunasMargemCalha
Compacta · celularaté 59941616
Média · tablet600 a 83982416
Expandida · desktop840 ou mais123224
Largura máxima960 leitura1200 tabelas

Raio

EtiquetaAviso

4px

Etiqueta, aviso, amostra de cor, item de menu

BotãoCampo

6px

Botão, campo, cartão, painel

0

Células de tabela, fotos em grade

Alturas de controle

Área de toque mínima 48 × 48
Compacto

32px

Tabelas, barras de ferramenta

Padrão

40px

Formulários e botões

Grande

48px

Ação principal, celular

Traço e sombra

  • Traço1px. Neblina para divisórias, Blue Steel para campos, Pen Ink sob o título de página
  • SombraNenhuma

Movimento

Curva cubic-bezier(.2, 0, 0, 1)
  • 120msHover, pressionar, foco
  • 200msÍcone, aviso, menu
  • 320msEntrada de página e de painel
  • RegraMuda cor ou desloca até 4px. Não quica, não gira

Componentes

Botões

Passe o mouse para ver o hover
Tipos
PrincipalSecundárioTexto
Altura 40 · padding 0 18 · raio 6 · Label large
Sobre escuro
PrincipalSecundário
Inverte: fundo Paper, texto Azul Planer
Estados
PadrãoHoverInativo
Hover: Pen Ink · Inativo: Neblina + Grafite
32 · 40 · 48
CompactoPadrãoGrande
Compacto 32 · Padrão 40 · Grande 48
Com ícone
BaixarAvançar
Ícone 16 · a 8 do texto · responde ao hover
Etiquetas
PadrãoContornoDestaque
Altura 24 · padding 0 8 · raio 4 · Label small

Campo

Texto de ajuda
Altura 40 · contorno Blue Steel · raio 6 · foco Azul Planer
Mensagem de erro
Contorno e mensagem na cor de Erro

Avisos

Raio 4 · padding 10 12 · ícone 18

Cartão e lista

Fio 1px Neblina · raio 6 · padding 20
Etiqueta

Título do cartão

Texto de apoio.

Item de listaValor
Item de listaValor
Item de listaValor
Central/4

Ícones

Licença

IBM Carbon · Apache 2.0
  • SimUso livre, inclusive comercial, e modificação permitida
  • SimAo redistribuir os arquivos, manter o aviso da licença
  • NãoLogo e nome IBM não entram na licença

Tamanhos

Uma cor só

Seleção

Clique para copiar o SVG