Brand Guidelines Baixar marca
Início/Fundamentos/Texturas

Texturas

Superfícies que dão corpo às peças sem competir com a mensagem. Todas nascem de elementos da marca: barras, malha de dashboard e as linhas do símbolo.

Biblioteca

Sete texturas oficiais.

Cada arquivo tem 1600 × 1000 px, em SVG (vetorial) e PNG.

Baixar todas (ZIP) ↓
Controle total.
Barras
Fundo navy com barras em alturas variadas.

Use em: Capas, aberturas de apresentação, banners.

SVG ↓PNG ↓
Controle total.
Barras tom sobre tom
Barras em azul escuro sobre o azul principal.

Use em: Posts, hero de site, fundos de destaque.

SVG ↓PNG ↓
Controle total.
Grade de dashboard
Malha fina com células em destaque.

Use em: Conteúdo técnico, dados e telas de produto.

SVG ↓PNG ↓
Controle total.
Pontos
Matriz de pontos sobre azul claro.

Use em: Fundos de apoio e seções de funcionalidades.

SVG ↓PNG ↓
Controle total.
Linhas de velocidade
Eco do detalhe do símbolo "F".

Use em: Bordas, divisores e capas.

SVG ↓PNG ↓
Controle total.
Gradiente azul
Dois tons do mesmo matiz azul.

Use em: Fundos amplos e CTA final.

SVG ↓PNG ↓
Controle total.
Gradiente navy
Navy com um brilho azul no canto.

Use em: Fundos escuros e rodapés.

SVG ↓PNG ↓
Gráfico de apoio

As quatro barras.

Inspirado em gráficos de dashboard e ondas de sinal, o motivo nasce de frações do logotipo. Aparece sempre no canto, nunca como elemento principal.

  • Azul sobre fundos navy ou escuros.
  • Branco sobre fundos azuis.
  • Sempre em um canto, nunca centralizado.
  • De 40 a 120 px de altura total em peças digitais.
Foto + textura

Fotografia com overlay.

Quando houver texto sobre foto, aplique uma camada de cor para garantir leitura.

Sem tratamento
✕ Não faça
Overlay navy 55%
✓ Faça
Overlay azul 45%
✓ Faça
Regras

Como usar as texturas.

Faça
  • Use uma textura por peça.
  • Mantenha o contraste mínimo de 4,5:1 com o texto.
  • Deixe a textura como fundo; a mensagem é o que importa.
Não faça
  • Não sobreponha duas texturas.
  • Não coloque o logo sobre áreas com muito detalhe.
  • Não aplique amarelo como textura de fundo.
← AnteriorTipografia
Copiado