Uma marca, vários sotaques.
A marca Bruno Mariano é a mesma em todas as páginas: nome, tipografia, tinta, botões e o jeito de falar. O que muda de uma profissão para outra é só a cor de acento, para que cada público se reconheça sem perder a assinatura.
Marca
Assinatura tipográfica em Inter 900 com o símbolo de marca registrada pequeno. Não existe logotipo desenhado: a palavra é a marca. Respiro mínimo igual à altura da letra B em volta de toda a assinatura. Nunca usar sombra, contorno ou outra cor que não seja tinta ou branco.
Tipografia
Três vozes com papéis fixos. Inter pesada nos títulos, com tracking apertado. A última linha de cada título ganha a serifa itálica no tom de acento. A fonte mono só aparece em rótulos de sistema e dentro das telas.
Cores da marca
Títulos, botão principal, faixas escuras
Fundo principal das páginas
Seções alternadas da marca
Divisórias e bordas
Parágrafos
Legendas e rótulos
Acento da marca
Ênfase em texto sobre branco
Estados dentro das telas
Só dentro das telas
Só dentro das telas
Só dentro das telas
Só dentro das telas
Acento por segmento
Cada profissão recebe um acento com quatro tons: acento, texto sobre branco, claro para fundos escuros e fundo suave para as seções alternadas. Botões continuam em tinta. O acento aparece na ênfase dos títulos, nos números, nos marcadores e nos detalhes das telas.
Médicos azul clínico
Acento, texto, claro e fundo suave. Texto sobre branco com contraste de 8.2 para 1 (aprovado no padrão AA).
Dentistas turquesa
Acento, texto, claro e fundo suave. Texto sobre branco com contraste de 5.5 para 1 (aprovado no padrão AA).
Psicólogos lavanda
Acento, texto, claro e fundo suave. Texto sobre branco com contraste de 6.5 para 1 (aprovado no padrão AA).
Nutricionistas verde folha
Acento, texto, claro e fundo suave. Texto sobre branco com contraste de 5.2 para 1 (aprovado no padrão AA).
Fisioterapeutas azul celeste
Acento, texto, claro e fundo suave. Texto sobre branco com contraste de 5.8 para 1 (aprovado no padrão AA).
Personal trainers laranja energia
Acento, texto, claro e fundo suave. Texto sobre branco com contraste de 5.2 para 1 (aprovado no padrão AA).
Corretores de seguro champanhe da marca
Acento, texto, claro e fundo suave. Texto sobre branco com contraste de 4.9 para 1 (aprovado no padrão AA).
Corretores de imóveis verde garrafa
Acento, texto, claro e fundo suave. Texto sobre branco com contraste de 7.8 para 1 (aprovado no padrão AA).
Contadores ardósia
Acento, texto, claro e fundo suave. Texto sobre branco com contraste de 8.3 para 1 (aprovado no padrão AA).
Advogados bordô
Acento, texto, claro e fundo suave. Texto sobre branco com contraste de 9.9 para 1 (aprovado no padrão AA).
Clínicas de estética champanhe da marca
Acento, texto, claro e fundo suave. Texto sobre branco com contraste de 4.9 para 1 (aprovado no padrão AA).
Pizzarias e delivery champanhe da marca
Acento, texto, claro e fundo suave. Texto sobre branco com contraste de 4.9 para 1 (aprovado no padrão AA).
Gráficas e embalagens champanhe da marca
Acento, texto, claro e fundo suave. Texto sobre branco com contraste de 4.9 para 1 (aprovado no padrão AA).
Componentes
Botão principal em tinta, botão fantasma com borda, orbe magnético no fechamento, rótulo em caixa alta com ponto de acento, telas escuras com moldura de sistema e a marca ilustração no canto.
Grade e movimento
Largura máxima de 1440 pixels, margem lateral de 16 a 40 pixels, seções com 70 a 130 pixels de respiro e raios de 14, 22 e 26 pixels. As telas só se mexem quando aparecem na rolagem, e tudo para quando o visitante pede menos movimento no aparelho.
Voz e texto
Quem fala é o Bruno, em primeira pessoa. Frases curtas, sem jargão e sem promessa que não dê para sustentar.