Brandbook

07Dispositivos

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.

9:415G
Meus projetos
3 projetos
Boards de busca
Cafeteria · lançamento
4 creators · 16/10/2026
⌄
Moda de verão
6 creators · 14/10/2026
⌄
Fitness em São Paulo
3 creators · 12/10/2026
⌄
Dados ilustrativos.
9:415G
×
Ouvindo…
“Gastronomia em São Paulo”
iPhone e Android, tema escuro

Celular

No iOS a barra de navegação fica sobre a área do gesto, com 90 pt; no Android, 80 dp. Em ambos o item ativo usa a pílula rosa.

Largura de referência
390 pt / 360 a 412 dp
Margem lateral
16
Top bar
64
Barra de navegação
80 a 90
01Computador

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

Início
Creators
Projetos
Mensagens
Relatórios
Relatórios
Exportar
Visualizações
182 mil
Engajamento médio
5,4%
Vídeos no ar
7
Visualizações por dia
seg
ter
qua
qui
sex
sáb
dom
Dados ilustrativos.

Web

O destaque rosa vai só no dado que importa: a barra do melhor dia, o item ativo, o filtro aplicado.

Sidebar
272 px
Conteúdo
margem 40 px
Títulos
Nexa Black 44
Números
Nexa Black 40
02Tablet

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

Bia Rocha
Gastronomia · São Paulo
48 milseguidores
4,8%engajamento
Convidar para projeto
ConteúdoPúblicoProjetos
Capas de vídeo vazias no ornamento. Dados ilustrativos.

Tablet

Header de 64 px com o logo de 24 px. As capas de vídeo ainda sem imagem entram com o ornamento da cor da categoria.

Header
64 px, logo 24
Colunas
340 px + resto
Margem
32 px
Capa vazia
ornamento