Identidade visual para social · exemplo
O perfil da própria Altuscore. Cada post é uma tela no ar.
simulação do perfil
Esta é a identidade que a Altuscore usa para si, entregue como a sua equipe a receberia: as peças prontas, a grade do perfil, o carrossel e o story. Cada tela mostrada existe e funciona.
- Toque num post para abrir, com a legenda e o texto alternativo.
- O primeiro é um carrossel de seis lâminas: deslize.
- Toque num destaque para ver o story.
O sistema
Uma moldura fixa, um dado que varia
O céu, o sol e o estilóbato não mudam de peça para peça; muda a tela que o templo sustenta. É por isso que nove posts diferentes leem como uma série, e é o mesmo céu que a pessoa encontra ao tocar no link da bio.
- y 980
O estilóbato fica na mesma linha em todo post. A tela se apoia nele, e a grade lê como um corredor de templos. É a linha roxa por cima das peças ao lado.
- 60 a 1020
Nada essencial fora da área útil. A grade do app recorta o quadro em 3:4 e corta cerca de 34 px de cada lado. As faixas escuras ao lado de cada peça mostram o que sai.
- 5 palavras
A manchete lê na miniatura. No celular, cada quadro da grade aparece com pouco mais de 120 px de largura: por isso a manchete tem no máximo cinco palavras, e só uma delas vai em itálico roxo.
- 1 acento
O acento marca só o que está vivo, uma vez por quadro: o roxo de dia, o verde de noite. Nunca num título inteiro.
- story
Topo e base livres. 250 px no topo para a barra do perfil e 340 px na base para a resposta e a legenda.
topo 250 px
base 340 px
Os seis modelos, no mesmo estilóbato
Cada modelo tem o seu lugar na rotina de publicação. As medidas e os limites de texto de cada campo estão no arquivo modelos.csv.
No ar
A captura real, de pé no estilóbato e cortada pela borda. A manchete fica no céu; o endereço, na faixa da paisagem.
Medido
Só o número: o antes apagado, o depois em roxo vivo, o método e a data na base.
Bastidor
O único modelo noturno: a ficha do assistente sob a lua, com o templo aceso e o acento em verde.
Explicação
Sem tela: o diagrama no céu, em traço de tinta, e a frase de apoio na faixa da paisagem.
Carrossel
A tela se aproxima: cada lâmina é um recorte maior da mesma captura, com uma anotação em traço.
Story e capa de reel
A tela em pé, com o topo livre e a paisagem justamente onde a interface da rede cobre.
Paleta e a regra do acento
As cores são as do site: o papel, o índigo da tinta, o roxo de dia e o verde de noite. Quem toca no link do perfil cai no mesmo templo.
#EDE6D6papel. O céu de dia. Mesmo papel da home, com o grão da casa.
#25284Atinta. Manchete, número e traço. O índigo mais fundo do templo.
#574E90roxo. O acento do dia: uma palavra em itálico na manchete.
#5B3FD1roxo vivo. O que está vivo: o número depois, a decisão marcada.
#161835noite. O céu do Bastidor, o único pilar noturno.
#A3D0BDverde. O acento da noite, no lugar do roxo.
| cor | sobre o papel | sobre a noite |
|---|---|---|
| tinta #25284A | 11,4:1 | — |
| tinta 2 #535774 | 5,7:1 | — |
| roxo #574E90 | 5,8:1 | — |
| roxo vivo #5B3FD1 | 5,5:1 | — |
| pergaminho #E8E1D2 | — | 13,3:1 |
| verde #A3D0BD | — | 10,1:1 |
| verde vivo #5EE0B0 | — | 10,5:1 |
Regra do acento. O roxo, e o verde na noite, nunca vira título inteiro nem fundo: é uma palavra em itálico na manchete ou um número. O Bastidor é a única noite porque o assistente é o que trabalha quando a loja fecha.
O tom de voz
Frase curta, verbo de quem faz, número com a fonte do lado. O “nós” é da equipe: nunca “eu”, nunca um nome de pessoa.
O site carregava em 1,29 s no celular. Agora carrega em 1,16 s. Medido 5 vezes, mesma rede, mesma máquina.
Transformamos a performance do seu site com soluções de ponta!
O que a grade não tem: nenhum mockup, nenhuma foto de banco, nenhum rosto, nenhum preço e nenhuma promessa de posição ou de faturamento.
Arquivos para levar
O que a sua equipe recebe e usa direto: as peças prontas e a tabela com as medidas e os limites de cada modelo.