Guideline visual

Manual de marca StudUP

Referência rápida para designers aplicarem a identidade visual da StudUP em peças digitais, impressas, apresentações e materiais de campanha.

Sistema visual

Use este guia para manter consistência de logo, cores, gradientes, tipografia e materiais oficiais da marca.

01 — Logo oficial

Versões oficiais

Passe o mouse sobre a logo no desktop. No celular, toque na logo para exibir os botões.

02 — Paleta de cores

Cores principais

Passe o mouse sobre a cor no desktop. No celular, toque na cor para copiar o código.

Azul StudUP
Roxo Principal
Roxo Escuro
Amarelo Forte
03 — Gradientes

Aplicações em degradê

Use os degradês em fundos, cards, chamadas visuais e elementos de destaque. Clique nos códigos para copiar rapidamente.

Azul para Roxo

Visual institucional, jovem e digital.

Roxo Profundo

Para fundos escuros, capas e alto contraste.

Energia / Rainbow

Amarelo, roxo e azul para peças vibrantes.

04 — Fontes oficiais

Tipografia

A página usa somente Inter. A marca também utiliza Anton para headlines fortes, sempre em maiúsculas.

Textos e interface
Inter
Uso

Parágrafos, legendas, materiais institucionais, posts informativos e interfaces digitais.

Headlines fortes
ANTON
Regra

Usar sempre em MAIÚSCULAS e no peso máximo 900, em chamadas curtas e com bom respiro visual.

05 — Materiais

Backgrounds oficiais

Pasta com backgrounds para peças, posts, apresentações e composições visuais.

Pasta BG

Arquivos de apoio visual para designers: backgrounds, fundos e elementos para composição.

Acessar pasta BG
06 — Uso correto

Boas práticas

Regras simples para manter consistência e evitar variações que enfraquecem a identidade.

1

Preservar a logo

  • Não alterar cores, proporções ou desenho.
  • Não esticar, inclinar, comprimir ou recriar.
  • Manter boa área de respiro ao redor.
2

Garantir contraste

  • Logo positiva em fundos claros.
  • Logo negativa em fundos escuros ou coloridos.
  • Evitar aplicar sobre fundos poluídos.
3

Usar cores com intenção

  • Azul e roxo como base institucional.
  • Amarelo como ponto de destaque.
  • Gradientes em áreas amplas e chamadas.
Código copiado