Shake

01 · O pedido

O que o Felipe pediu em 14/10.

Brandbook completo ↗
Shake

Brand system docs

GetShake · GTM · Digital presence · Instagram 2026

Role para começar

GTM Instagram · outubro de 2026

A entrega completa da Shake.

Role para desmontar a marca.

01 · Brandbook

Cada peça da marca tem uma regra.

02 · Construção

Desenhado na regra dos terços.

03 · Sistema

Tudo junto, do símbolo ao app.

Premiere

We will shake you.

O conceito em 46 segundos. Antes do material, o teaser: dê o play e, quando ele terminar, a apresentação abre.

Ver a apresentação ↓
A versão oficial, com Queen.9:164:5

01

O que o Felipe pediu em 14/10.

Seis pedidos, seis entregas. Cada item leva ao capítulo onde ele está.

02

A marca Shake, do símbolo ao app.

Oito capítulos, cada um com a regra e a aplicação.

02.02

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.

Página completa
Proporção
01

O símbolo na grade

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

O símbolo na grade
02

Ícone adaptativo no Android

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

Ícone adaptativo no Android
03

Tamanhos no app

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

Tamanhos no app

02.03

O símbolo vira ícone de app sem perder o desenho.

O ícone é o símbolo off-white com a alça rosa sobre night, num quadrado de cantos arredondados. É a mesma peça na home screen, na loja, na aba do navegador e no avatar das redes.

Página completa
Na home screen
01

Splash screen

Abre em night, com o símbolo no centro. No Android 12 em diante, o logo pequeno entra embaixo como imagem de marca.

Splash screen
02

Notificação push

No iOS a notificação usa o ícone do app. No Android, o ícone pequeno é a silhueta do símbolo numa cor só.

Notificação push
03

App Store e Google Play

Na loja, o ícone aparece grande ao lado do nome. O fundo night se destaca no branco da loja.

App Store e Google Play
04

Favicon nas abas

Abaixo de 24 px o símbolo usa o traço reforçado para não sumir. O quadrado night garante leitura nos navegadores claro e escuro.

Favicon nas abas
05

App instalado da web (PWA)

O mesmo ícone serve para instalar a versão web. A versão maskable deixa o símbolo dentro do círculo de 80%.

App instalado da web (PWA)
06

Avatar nas redes

No Instagram o avatar é redondo; no LinkedIn, quadrado com cantos pequenos. O ícone do app funciona nos dois.

Avatar nas redes

02.04

Duas cores de campo, duas de acento e mais três da marca.

O escuro e o claro ocupam a maior parte de cada peça. O rosa marca o que importa e o laranja aparece menos, nas peças de energia; azul, amarelo e verde completam as sete cores da marca, e as cores de apoio entram só em par, no ornamento. Os vídeos usam rosa e laranja. Sobre rosa e laranja, texto e logo vão sempre em preto.

Página completa
01

Paleta

Sete cores fazem a marca: night e off-white no campo, rosa e laranja no acento, e o azul, o amarelo e o verde da Shake. Os vídeos usam rosa e laranja. Clique numa cor para copiar o hex.

02

Proporção

Numa tela ou numa sequência de peças, o escuro e o claro dominam e o acento pontua.

  • Night38%
  • Off-white32%
  • Rosa14%
  • Laranja6%
  • Azul4%
  • Amarelo3%
  • Verde3%
03

Contraste

Razão medida (WCAG). Texto pede 4,5:1; elemento gráfico pede 3:1.

17,9:1Off-white sobre nighttexto
9,5:1Night sobre rosatexto
6,8:1Night sobre laranjatexto
9,5:1Rosa sobre nighttexto
13,0:1Night sobre amarelotexto
14,0:1Night sobre verdetexto
14,0:1Verde sobre nighttexto
5,2:1Night sobre azultexto
3,5:1Off-white sobre azulgráfico e texto grande
04

Cores de apoio, sempre em par

Magenta digital, creme, azul-claro, ameixa, vinho e oliva não aparecem soltas: entram como fundo e forma do ornamento, cada uma com o seu par.

Ameixa sobre rosa#6D0070 · #FF91F8
Vinho sobre laranja#7A0D00 · #FF7007
Oliva sobre amarelo#403D00 · #FED308
Magenta sobre night#FF5EF8 · #121212
Azul sobre azul-claro#0185FF · #B6E6FF
Night sobre creme#121212 · #EBE6DA
Verde sobre night#04FF93 · #121212
Creme sobre night#EBE6DA · #121212
Magenta sobre ameixa#FF5EF8 · #6D0070
Laranja sobre vinho#FF7007 · #7A0D00
Amarelo sobre oliva#FED308 · #403D00
Azul-claro sobre azul#B6E6FF · #0185FF
05

Rampas

Os tons de cada uma das sete cores, do mais escuro ao mais claro, para estados e fundos do produto.

Off-white
Night
Rosa
Laranja
Azul
Amarelo
Verde
06

A cor nos componentes

O mesmo componente no escuro e no claro: o rosa vira botão no night e o night vira botão no claro.

02.05

Nexa para chamar a atenção, Montserrat para ler.

Duas famílias fazem a marca: Nexa no destaque e Montserrat no texto, do post ao app. As duas estão no pacote de fontes.

Página completa
01

Duas famílias, um papel cada

Nexa chama a atenção, Montserrat se lê. Nenhuma outra família entra nas peças da Shake.

Duas famílias, um papel cada
02

Nexa

Títulos, números grandes e chamadas no post, no vídeo, na proposta e no deck. Sempre em sentença.

Nexa
03

Montserrat

Texto corrido, legenda, rubrica, fonte de dado, as telas do app e tudo no Google Sheets, no Docs e no Gmail.

Montserrat
04

Escala do app

Sete papéis cobrem o app inteiro, em tamanho real: 1 dp vale 1 px. Títulos em Nexa, interface em Montserrat.

Escala do app
05

Regras

Quatro regras valem para as duas famílias, em qualquer peça.

Regras
06

Faça e não faça

Posts de 4:5 lado a lado, com as frases aprovadas do copybook.

Faça e não faça
07

Na Shake: post, vídeo e app

Nexa chama e Montserrat explica, no feed, no Reels e na tela do app.

Na Shake: post, vídeo e app
08

Na agência: proposta, deck e cartão

Nexa nos títulos, Montserrat no texto corrido.

Na agência: proposta, deck e cartão
09

Nos documentos: Sheets, Docs e e-mail

Montserrat do título ao texto, porque abre em qualquer conta do Google.

Nos documentos: Sheets, Docs e e-mail

02.06

A marca dentro do app: pouca e no lugar certo.

O logo aparece uma vez por tela, no header ou na sidebar. O resto da marca está na cor do acento, na tipografia e nos componentes.

Página completa
Header web
01

Sidebar

Na sidebar aberta entra o logo; recolhida, só o símbolo. O item ativo usa o rosa com texto night.

Sidebar
02

O app por dentro

As telas do app real no sistema da Shake: busca por foto, seleção e perfil do creator. Projetos e busca por voz estão em Dispositivos.

O app por dentro
03

Top bar no celular

No celular, o logo fica na top bar da tela inicial. Nas telas internas, a top bar mostra o título da tela.

Top bar no celular
04

Login

Fundo night, símbolo no alto e um campo por vez. No celular o botão principal é rosa; na web, night.

Login
05

E-mail transacional

Logo com 32 px de símbolo no topo, título em Nexa, texto em Montserrat e um botão só.

E-mail transacional
06

Componentes com a marca

Os componentes do app no sistema da Shake, lado a lado no claro e no escuro: botões, chips, busca, abas, card do creator e aviso.

Claro
Testar grátis →Ver creatorsBuscar
✓ São PauloGastronomiaMicro
⌕ Digite nome, categoria ou cidade
Busca rápidaSuperMatchCrie com IA
Bia RochaGastronomia · São Paulo
4,8%
Projeto salvo.Desfazer
Escuro
Testar grátis →Ver creatorsBuscar
✓ São PauloGastronomiaMicro
⌕ Digite nome, categoria ou cidade
Busca rápidaSuperMatchCrie com IA
Bia RochaGastronomia · São Paulo
4,8%
Projeto salvo.Desfazer

02.07

A mesma marca no celular, no tablet e no computador.

Molduras desenhadas, sem foto de aparelho. De um dispositivo para outro muda só o espaço disponível; as regras da marca são as mesmas.

Página completa
Celular
01

Computador

Na web o app abre com sidebar fixa e área de conteúdo com margem de 40 px.

Computador
02

Tablet

No tablet deitado, header no topo e duas colunas: perfil e conteúdo.

Tablet

02.08

O liquidificador gira, a palavra sacode.

No movimento, o símbolo gira como um liquidificador ligado e a palavra SHAKE treme junto. Só no movimento: em peça estática o logo fica parado e reto.

Página completa
01

Logo em movimento

O símbolo gira como um liquidificador ligado e a palavra SHAKE sacode. Loop de 3,5 s em 9:16 e 4:5.

9:16 4:5
02

Curva e tempo

Todos os movimentos da marca usam a curva emphasized do Material 3: saída rápida e chegada suave.

Curva e tempo

03

Cinco layouts, três campos, três formatos.

48 artes de base: post 4:5, carrossel e story 9:16, nos campos night, off-white e acento.

A · Mão e celular
B · Componente do app
C · Pessoa
E · Número
D · Carrossel
A · Story
C · Story
B · Post
E · Story
D · Passo
A · Destaque
C · Destaque
Layouts em PNG e o sistema (tokens e CSS do Material 3 da Shake).Layouts · 13,4 MBSistema · 38 KB
01

Perfil

Avatar, 8 capas de destaque, LinkedIn, YouTube, WhatsApp Business e assinatura de e-mail.

Perfil · 2,2 MB
shakeShake · Marketing de influênciaEncontre creators por cidade e categoria. Grátis para começar.
Agencias
Campanhas
Cases
Como funciona
Creators
Duvidas
Gratis
Marcas
Instagram: avatar e 8 destaques
LinkedIn · banner
YouTube · capa
Assinatura de e-mail
02

Banco de assets

Telas, componentes nos dois temas, retratos, logos, ícones, formas e cartelas para montar peça nova.

Componentes · escuro
Componentes · claro
Telas do app
Mãos com a tela vazia
Retratos
Ícones
Formas
Logos sobre cada campo

04

Os posts, conteúdo por conteúdo.

Estáticos, carrosséis, stories e brand content. Cada carrossel com as lâminas na ordem de publicação.

01

Estáticos · feed 4:5

12 posts, um a um.

Baixar o grupo · 2,4 MB
Acesse creators.
Acesse creators.Baixar
128 creators de gastronomia em São Paulo
128 creators de gastronomia em São PauloBaixar
Selecione creators sem planilha.
Selecione creators sem planilha.Baixar
Creators por cidade e categoria.
Creators por cidade e categoria.Baixar
Compare engajamento lado a lado.
Compare engajamento lado a lado.Baixar
Monte a campanha.
Monte a campanha.Baixar
Grátis para começar.
Grátis para começar.Baixar
Escolher creator na mão levava semanas.
Escolher creator na mão levava semanas.Baixar
2,8 mi de views em 23 conteúdos, com 27 creators medidos.
2,8 mi de views em 23 conteúdos, com 27 creators medidos.Baixar
24,7 mi de views na campanha, 28 conteúdos em um mês.
24,7 mi de views na campanha, 28 conteúdos em um mês.Baixar
Os creators certos para a sua marca.
Os creators certos para a sua marca.Baixar
Digite sua marca.
Digite sua marca.Baixar
02

Carrosséis

4 carrosséis, cada um com as lâminas na ordem.

Baixar o grupo · 2,1 MB
Sua primeira busca em 3 passos.5 lâminas
Lâmina 1 de 5
Lâmina 2 de 5
Lâmina 3 de 5
Lâmina 4 de 5
Lâmina 5 de 5
Tudo em 3 cliques.5 lâminas
Lâmina 1 de 5
Lâmina 2 de 5
Lâmina 3 de 5
Lâmina 4 de 5
Lâmina 5 de 5
Os creators certos para a sua marca.6 lâminas
Lâmina 1 de 6
Lâmina 2 de 6
Lâmina 3 de 6
Lâmina 4 de 6
Lâmina 5 de 6
Lâmina 6 de 6
Do briefing ao relatório em poucos cliques.5 lâminas
Lâmina 1 de 5
Lâmina 2 de 5
Lâmina 3 de 5
Lâmina 4 de 5
Lâmina 5 de 5
03

Stories · 9:16

14 stories, um a um.

Baixar o grupo · 3,0 MB
Story 1Baixar
Story 2Baixar
Story 3Baixar
Story 4Baixar
Story 5Baixar
Story 6Baixar
Story 7Baixar
Story 8Baixar
Story 9Baixar
Story 10Baixar
Story 11Baixar
Story 12Baixar
Story 13Baixar
Story 14Baixar
04

Brand content

3 carrosséis de cultura e marca, a partir do blog da GetShake: tese na capa, leitura no miolo e fonte em cada dado.

Baixar o grupo · 12,2 MB
A lona brancaCopa 2026 · patrocinar não significa pertencer · 9 lâminas
Lâmina 1 de 9
Lâmina 2 de 9
Lâmina 3 de 9
Lâmina 4 de 9
Lâmina 5 de 9
Lâmina 6 de 9
Lâmina 7 de 9
Lâmina 8 de 9
Lâmina 9 de 9
A equipe que não existeF1 · os cinco papéis culturais de uma marca · 8 lâminas
Lâmina 1 de 8
Lâmina 2 de 8
Lâmina 3 de 8
Lâmina 4 de 8
Lâmina 5 de 8
Lâmina 6 de 8
Lâmina 7 de 8
Lâmina 8 de 8
Território, não roteiroCreators · liberdade criativa · 8 lâminas
Lâmina 1 de 8
Lâmina 2 de 8
Lâmina 3 de 8
Lâmina 4 de 8
Lâmina 5 de 8
Lâmina 6 de 8
Lâmina 7 de 8
Lâmina 8 de 8
Todas as artes em PNG, com as legendas e o copy-gate.Posts · 7,5 MB

05

20 vídeos, cada um em 9:16 e 4:5.

15 aprovados na régua de qualidade, 5 em revisão final. Eles tocam sozinhos quando aparecem na tela.

Os creators certos para a sua marca.14,0 s9:164:5
em revisão
Creators por cidade e categoria.10,3 s9:164:5
Tudo em 3 cliques.12,2 s9:164:5
em revisão
Creators.11,8 s9:164:5
Acesse creators.10,3 s9:164:5
Crie campanhas.10,3 s9:164:5
Escolher creator na mão levava semanas.11,7 s9:164:5
Selecione creators sem planilha.10,3 s9:164:5
Digite sua marca.9,4 s9:164:5
Sua primeira busca em 3 passos.14,0 s9:164:5
Grátis para começar.9,2 s9:164:5
Sem call de vendas.9,8 s9:164:5
Compare engajamento lado a lado.12,2 s9:164:5
Filtre por engajamento.10,77 s9:164:5
Monte a campanha e envie a proposta ao cliente sem sair do app.10,33 s9:164:5
Do briefing ao relatório em poucos cliques.14,0 s9:164:5
Demo · a busca ponta a ponta15,9 s9:164:5
em revisão
Prova Keeta12,17 s9:164:5
em revisão
Prova Wine · Imposto Zero12,17 s9:164:5
em revisão
Manifesto GetShake24,03 s9:164:5
Vídeos sem áudio. O teaser vai com a trilha oficial.9:16 · 67,5 MB4:5 · 62,3 MB

06

Copy, ritmo, push e métricas.

As regras de uso da campanha, num lugar só.

Métrica-norte

Cadastro no app com 1 busca.

25%hook rate mínimo no teste
0,9%CTR de link no teste
37%cadastros que fazem a 1ª busca

Metas de referência de mercado. Revisão no dia 14 com dado real.

07

Tudo para baixar.

Kit de marcaLogo, símbolo, favicon, ícone do app, movimento350 KB
Posts47 artes e legendas7,5 MB
Layouts48 artes de base13,4 MB
PerfilAvatar, destaques, capas, assinatura2,2 MB
SistemaTokens e CSS38 KB
Vídeos 9:1620 motions e o teaser67,5 MB
Vídeos 4:520 motions e o teaser62,3 MB
Brand content3 carrosséis, 25 lâminas12,2 MB
FontesNexa e Montserrat2,5 MB
Shake

Produzido por Caio Creator