Brandbook  →  Identidade visual

Identidade visual

As cores, os gradientes e a tipografia que formam o sistema visual da Pluga. A base é azul: institucional no Azulasso, expressiva no Azul Pavão, profunda no Profundíssimo.


Paleta principal

Quatro cores sustentam a marca. O Azulasso assume o papel institucional, trazendo estabilidade e confiança. O Azul Pavão traz energia e dinamismo, funcionando como o azul de maior destaque do sistema. O Profundíssimo dá profundidade e contraste; o Branquíssimo amplia o respiro.

Profundíssimo
#18003f
COPIAR
Azulasso
#004dbc
COPIAR
Azul Pavão
#156cea
COPIAR
Branquíssimo
#ffffff
COPIAR
900 #130f58
800 #0a2e8a
700 #053ea3
600 #0859ce
400 #4489ee
300 #78b0f4
200 #bbdaff
100 #d7ebff

Paletas secundárias

Três famílias de apoio: a neutra estrutura interfaces e textos, as funcionais comunicam estado, e a de IA identifica recursos de inteligência artificial no produto.

NEUTRA

Pretíssimo
#111111
COPIAR
Cinzasso
#3f4c5e
COPIAR
Cinzeto
#616f7f
COPIAR
Cinzinha
#dae3e5
COPIAR
900 #20252b
800 #303844
600 #4a5869
500 #566374
300 #8996a1
200 #b2bcc3

FUNCIONAIS

Verdasso
#0b5e30
COPIAR
Verdeto
#189e57
COPIAR
Verdinho
#78ffbb
COPIAR
700 #146d42
600 #16854d
400 #18b663
300 #27f088
200 #4ef9a2
Vermelhasso
#b02e20
COPIAR
Vermelhinho
#ed5462
COPIAR
Amareluga
#ffdb67
COPIAR

IA

Profundíssimo
#18003f
COPIAR
Roxinho
#8365d1
COPIAR
Rosa K7
#ff9ffa
COPIAR
IAzul
#4dd1ff
COPIAR
800 #331964
700 #4e3388
600 #684cad
400 #a274db
300 #c182e5
200 #e091f0
400 #7680dd
300 #689be8
200 #5ab6f3

Gradientes

Além das cores sólidas, os gradientes são um recurso de apoio da identidade. Trazem profundidade e dinamismo às peças e reforçam a percepção tecnológica da marca.

COPIAR
Pavão → Branquíssimo linear-gradient(90deg, #156cea, #ffffff)
COPIAR
Profundíssimo → Pavão linear-gradient(100deg, #156cea, #130244, #1a63d8)
COPIAR
IA linear-gradient(90deg, #5468e8, #a274db, #6b2f80, #18003f)

Tipografia

Cal Sans v2 é a tipografia da marca, usada em toda a comunicação. O eixo variável GEOM controla o quanto as formas ficam geométricas: GEOM 50 nos títulos, para máxima personalidade, e GEOM 25 nos textos, onde a leitura vem primeiro.

Aa

Cal Sans v2

Títulos · font-variation-settings: 'GEOM' 50 · OFL

Automatize tarefas

ABCDEFGHIJKLM
abcdefghijklm
0123456789

Aa

Cal Sans v2 · texto

Textos · font-variation-settings: 'GEOM' 25

Aa Bb Cc Dd 400

Aa Bb Cc Dd 500

Aa Bb Cc Dd 600

Aa Bb Cc Dd 700

CONJUNTO DE CARACTERES

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ # % ( ) → ↗ ÁÃÂÀ ÉÊ ÍÓÔÕ ÚÇ