Brandbook

02Construção

A regra dos terços: o símbolo tem três partes e a palavra tem duas.

Tudo no logo sai de uma unidade, a parte P, igual a um terço da altura do símbolo. A caixa-alta de SHAKE mede duas partes, o vão até a palavra mede meia parte e a área de proteção mede uma.

PPPPPP½ P
Grade de meia parte · área de proteção tracejada

Proporção

Símbolo com 3 P e caixa-alta com 2 P: a palavra fica com dois terços da altura do símbolo. O centro do símbolo, do puxador à base, fica no centro da caixa-alta; o desenho passa meia parte acima e meia parte abaixo.

O vão de meia parte vai da tinta da alça até a tinta do S.

Unidade P
15,47 na grade de 64
Símbolo
3 P
Caixa-alta
2 P (66,7% do símbolo)
Vão
½ P
Proteção
1 P
Largura total
cerca de 13,5 P
01O símbolo na grade

Traço único de 3,2 numa grade de 64, com todas as peças no eixo x 32.

alça r 4,8eixo x 32traço 3,2 · grade 64
margem 12topo do símbolosímbolo 40de 64 (62,5%)base do símboloraio 14

Símbolo e ícone

O copo, a tampa, o puxador e a base são contornos de traço 3,2 com cantos de raio 1,6. A alça é um círculo cheio de raio 4,8, na altura do terço superior do copo.

No ícone do app, o símbolo ocupa 40 de 64 na altura, com margem de 12 em cima e embaixo.

Símbolo no ícone
62,5% da altura
Raio da prévia
14 de 64
iOS
1024 px, sem cantos
Favicon 16
traço reforçado 1,8
02Ícone adaptativo no Android

Duas camadas de 108 dp: fundo night e frente transparente com o símbolo.

camada 108 dpmáscara 72 · zona segura 66 · símbolo 43
Máscaras de círculo, squircle e quadrado

Camadas

O launcher corta a camada com a máscara do aparelho. O símbolo fica com 40% da altura da camada (43 dp) e cabe no círculo seguro de 66 dp em qualquer máscara.

Camada
108 × 108 dp
Área visível
72 dp
Zona segura
círculo de 66 dp
Símbolo
43 dp de altura
03Tamanhos no app

Em tamanho real. A medida é a altura do símbolo.

Header weblogo · 24 px
Sidebar abertalogo · 28 px
Sidebar recolhidasímbolo · 28 px
Top bar mobilelogo · 24 dp
E-maillogo · 32 px, PNG @2x
Notificação Androidsilhueta mono · 20 de 24 dp
Splashsímbolo · 96 dp
Tab bar sem logo
Tab barSó ícones de interface. A marca fica na top bar.