Primária · estruturaAzul-marinho
#0B3C5DA base da marca. Confiança e seriedade para sustentar navegação, títulos e fundos de impacto.
A marca · AB Studio Design
Ideias com forma. Marcas com presença.
A identidade do estúdio de Alan Bruno: um monograma construído sobre uma diagonal de 63°, cinco cores com papéis definidos e uma família tipográfica usada nos extremos.
- Estúdio
- AB Studio Design
- Fundador
- Alan Bruno
- Base
- Maceió (AL)
- Atuação
- Direção e criação
Identidade visual, key visual, campanhas, social media, motion, direção e criação.
01 Manifesto
Duas letras. Uma assinatura.
AB são as iniciais de Alan Bruno e o ponto de partida do estúdio.
O monograma junta as duas letras em um único desenho: o A dá o impulso, o B dá a estrutura. É também o jeito de trabalhar do estúdio: ideia e construção no mesmo traço, para marcas que precisam se apresentar com clareza, personalidade e impacto.
Clareza
Uma ideia por peça, dita sem ruído. O trabalho aparece primeiro, a interface recua.
Movimento
A diagonal empurra o olhar para a frente. Uma marca pensada por quem também faz motion.
Precisão
Cada ângulo, corte e espaço tem motivo. O acabamento também é parte do portfólio.
02 Anatomia
Construída em 63°.
A diagonal
A haste do A corre a 63° da horizontal. É a linha do movimento e vira o único grafismo da identidade.
A barra compartilhada
A travessa do A é a cintura do B. As duas letras dividem o mesmo traço e se tornam uma forma só.
Cortes no mesmo ângulo
As pontas do B são cortadas na inclinação da haste. O ângulo se repete e amarra o desenho.
A perna deslocada
A perna do A se desloca ao atravessar a barra. O encaixe cria profundidade e ritmo.
STUDIO DESIGN
Em caixa alta condensada, a assinatura ocupa o vão entre a haste e o B, sem aumentar a área da marca.
- Proporção
- 1,28 : 1Largura por altura. Sempre redimensionar com a razão travada.
- Área de proteção
- 1x livrex é a espessura do traço do B, cerca de 12% da altura. 2x quando a marca está isolada.
- Tamanho mínimo
- 32 pxLeitura completa da assinatura a partir de 120 px de altura.
03 Cores
Cinco cores, cinco papéis.
Nenhuma cor está ali por enfeite. O marinho estrutura, o azul conduz, o amarelo aponta, o grafite fala e o branco frio dá respiro ao trabalho.
Secundária · interaçãoAzul
#328CC1O azul que conduz o olhar e a mão: foco, estados ativos, ícones e grafismos.
Acento · atençãoAmarelo
#D9B310A faísca. Aparece pouco, sempre para apontar: a diagonal, o convite ao contato, os números.
Texto · vozGrafite
#1D2731A voz da marca. Texto principal, rodapé e chamadas finais.
Superfície · respiroBranco frio
#F4F7F9O espaço em volta do trabalho: fundo das páginas e texto sobre o escuro.
60% branco frio e branco25% azul-marinho10% grafite5% azul e amarelo
04 Tipografia
Do Thin ao Black.
- ThinNúmeros e capítulos
- LightTítulos e aberturas
- RegularCorpo de texto
- MediumBotões e rótulos
- BoldÊnfase pontual
- BlackPalavra-chave
Roboto · uma família, dois extremos
Design que dá forma a ideias.
Os títulos combinam Light com uma palavra em Black, o mesmo contraste entre a haste fina e os bojos pesados do monograma. O corpo fica em Regular, com entrelinha generosa.
05 Versões
Oito versões, um desenho.
O desenho nunca muda. Só o preenchimento e o fundo, sempre dentro da paleta e respeitando o contraste.
Original
Versão preferencial.
#030404 sobre #FFFFFFNegativo
Rodapé, menu mobile e chamadas escuras.
#F4F7F9 sobre #0B3C5DNegativo em grafite
Seção de contato e rodapé alternativo.
#F4F7F9 sobre #1D2731Azul-marinho
Assinatura institucional, mais suave que o preto.
#0B3C5D sobre #F4F7F9Grafite
Alternativa neutra para documentos e propostas.
#1D2731 sobre #F4F7F9Negativo em azul
Faixas e capas de destaque, sempre em tamanho grande.
#F4F7F9 sobre #328CC1Acento sobre marinho
Uso pontual: abertura de vídeo, capa de case, campanha.
#D9B310 sobre #0B3C5DAcento sobre grafite
Mesmo uso pontual, em peças escuras e motions.
#D9B310 sobre #1D2731
06 Grafismo
A diagonal vira sistema.
Um único recurso gráfico, tirado do próprio monograma. Tudo o que inclina, inclina a 63°.
Marcadores
Sobretítulos e categorias abrem com uma pequena barra inclinada.
Faixas de destaque
Barras largas e finas cortam fundos, capas e transições de motion.
Recortes de imagem
Fotografias ganham uma borda inclinada no mesmo ângulo da haste.
07 Peças conceito
A marca em campanha.
Ideias com forma. Marcas com presença.
Alan Bruno · Direção e criação
Alan BrunoDireção e criação
- alanbrunodesignn@gmail.com
- (66) 99247-3103
- @alanbrunor
Sua marca merece presença.
AB Studio DesignAB Studio DesignMaceió · AL
Alan Bruno
AB Studio Design
Maceió · Alagoas
Peças conceito criadas para esta apresentação, para mostrar a marca em uso. Seguem as versões aprovadas no design system.