Priorizar SVG em interfaces e materiais digitais. PNG apenas quando o ambiente não aceitar vetor.
DOCUMENTO-MESTRE · V1.0 · AGOSTO 2026
UMA FORMA
DE MUDAR
O MUNDO.
O design system que transforma o símbolo S7 em marca, linguagem, composição e direção.
01 · MARCA
O S7 É A
ASSINATURA.
O símbolo oficial deve ser usado a partir do arquivo vetorial mestre. Ele não é decorativo: é o identificador institucional da Severo7.
VERSÃO PRINCIPALVERSÃO NEGATIVAFUNDO CLAROGRID DE PROTEÇÃO · MÓDULO X
X corresponde à largura da dobra central do símbolo. Nenhum texto, imagem, margem ou elemento gráfico pode invadir essa faixa.
XXXX
Manter ao redor do símbolo uma margem mínima equivalente à largura de sua dobra central.
Digital: 28 px de altura. Impressão: 10 mm. Abaixo disso, perde-se a leitura das dobras.
Não distorcer, inclinar, redesenhar, contornar, aplicar sombra ou alterar a geometria.
02 · FORMA PROPRIETÁRIA
O LOGO ASSINA.
A SILHUETA
CONSTRÓI.
A geometria do S7 funciona como matriz para esculturas, objetos, recortes, molduras e imagens. O material muda. A estrutura permanece reconhecível.
02.2 · LINGUAGEM VISUALA FITA CONECTA.
A FITA CONECTA.
A ESCULTURA
MATERIALIZA.
A fita S7 representa continuidade, ligação e movimento. As esculturas transformam conceitos abstratos em objetos que parecem existir.
- Formas com função narrativa.
- Bronze, papel, pedra, tecido e luz.
- Composições integradas ao layout.
- Nunca usar imagem apenas para preencher espaço.
“Existe aqui algum eco formal do S7?”PERGUNTA OBRIGATÓRIA PARA DIREÇÃO DE ARTE
03 · CORES
CALOR,
RESPIRO E
PROFUNDIDADE.
A paleta equilibra presença, energia, clareza e tecnologia sem recorrer à estética genérica de startup.
DE4613LARANJA SEVERO7Identidade · ação · calor
F3B43FAMARELO SOLARInsight · ênfase · energia
DCE4F2AZUL-GELOBase técnica · respiro
17191BCARVÃOProfundidade · modo tecnologia
FFF1D2CREMECalor · narrativa humana
9A653EBRONZEImagem · profundidade
REGRA 70 · 20 · 10
70% base neutra, 20% contraste estrutural e 10% cor de ação. Não é necessário usar toda a paleta em uma mesma tela.
04 · TIPOGRAFIA
SAIRA
CONDENSED.
Uma família, muitos níveis de voz. Condensada, monumental e direta, feita para títulos que ocupam espaço e textos que mantêm ritmo.
CRIAR É NOSSA FORMA
MARCAS HUMANAS PARA
MUDAR O MUNDO
DESIGN ESTRATÉGICO
300
Metadados400
Verticais500–600
Corpo700–900
Títulos e CTAs
Metadados400
Verticais500–600
Corpo700–900
Títulos e CTAs
04.2 · ESPAÇO E GRIDRITMO EDITORIAL,
RITMO EDITORIAL,
NÃO RIGIDEZ.
Escala: 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96 · 128. As margens externas devem ser sempre maiores que os intervalos internos.
123456789101112
Desktop: 12 colunas · Tablet: 8 colunas · Mobile: 4 colunas
05 · SISTEMA EDITORIAL
CONSISTÊNCIA
SEM VIRAR
FÓRMULA.
Os componentes fixos criam reconhecimento. A composição continua livre para adaptar ritmo, imagem e hierarquia a cada conteúdo.
CONTEÚDOFALA
PROPÓSITODESIGN
ESTRATÉGICO
FALA
COMIGO
PROPÓSITODESIGNESTRATÉGICO
CONTEÚDOIDEIAS
PROPÓSITODESIGN
ESTRATÉGICO
IDEIAS
QUE VENDEM
PROPÓSITODESIGNESTRATÉGICO
Símbolo no topo direito, identificação vertical, assinatura editorial e numeração discreta.
Título, escala, cortes, imagem, modo cromático e densidade conforme a narrativa.
Laranja, amarelo, azul-gelo e esculturas. Energia, marca e cultura.
Carvão com laranja, amarelo e azul-gelo. Tecnologia, IA e operação.
06 · COMPONENTES
PEÇAS QUE MANTÊM
A EXPERIÊNCIA
COERENTE.
Componentes reduzem decisões repetidas e mantêm função, linguagem e hierarquia reconhecíveis em todos os pontos de contato.
Botões
Verbo + destino. Uma ação principal por bloco.
Diagnóstico de
Autoridade Digital
Clareza para transformar problemas dispersos em prioridades.
CONHECER ↗“Presença sem conexão gera esforço. Um ecossistema gera direção.”SEVERO7 · MÉTODO HOLLO
Etiquetas
ESTRATÉGIAMARCACONTEÚDOTECNOLOGIAAUTOMAÇÃO
Use de duas a quatro por case. Elas mostram capacidades, não departamentos.
07 · SISTEMA DE PORTFÓLIO
NÃO MOSTRAMOS ENTREGAS.
MOSTRAMOS DECISÕES.
Todo case deve responder: qual era o problema, o que compreendemos, o que decidimos e o que mudou?
Abertura
Nome, transformação e imagem-síntese.
Contexto
Quem é a marca e por que o projeto existiu.
Desafio
A tensão estratégica — sem lista de entregáveis.
Diagnóstico
O que precisava ser compreendido antes de criar.
Estratégia
Decisões, critérios e sistema proposto.
Expressão
Identidade, narrativa e principais aplicações.
Ecossistema
Como os pontos de contato trabalham juntos.
Impacto
Resultados, aprendizados e sinais de evolução.
Fechamento
Serviços, créditos, próximo case e Fala comigo.
ENTRADACONTEXTO → TENSÃO → DECISÃO → SISTEMA → IMPACTOSAÍDA
08 · VOZ
SIMPLES SEM SER RASO.
POÉTICO SEM EXAGERO.
A voz da Severo7 combina clareza, proximidade, estratégia e humanidade. Ela orienta, provoca e acolhe sem perder precisão.
Nomeia o problema antes de apresentar a solução.
“Antes de criar, nós compreendemos.”
Fala de pessoa para pessoa, sem diminuir a inteligência de ninguém.
“Fala comigo.”
Conecta cada afirmação a uma decisão ou consequência.
“Marketing começa nas decisões que dão sentido ao post.”
Reconhece contexto, tensão, aprendizado e evolução.
“Marcas humanas para um mundo mais consciente.”
09 · GOVERNANÇA
CONSISTÊNCIA
NÃO É REPETIR.
É SER RECONHECÍVEL.
Governança transforma o design system em prática contínua: decisões documentadas, critérios compartilhados e evolução sem perda de identidade.
- 01Comece sempre pelo conteúdo e pela função da tela.
- 02Use os tokens antes de criar novas exceções.
- 03Teste contraste, leitura mobile e ordem narrativa.
- 04Registre toda nova solução que for reutilizada.
- 05Revise o sistema a cada três cases publicados.
10 · APLICAÇÕES
A MARCA
EM
MOVIMENTO.
Exemplos que demonstram a combinação entre tipografia, paleta, símbolo, silhueta e imagem proprietária.
11 · NÃO FAZER
BONITO
NÃO BASTA.
TEM QUE SER NOSSO.
Uma peça pode ser bem executada e ainda assim falhar por não pertencer à Severo7.
EVITAR CLICHÊS DE IA
Robôs, cérebros neon, circuitos, mãos em teclado, dashboards genéricos e neon verde.
NÃO TROCAR A IDENTIDADE
Não importar paletas, tipografias ou linguagem de tendências apenas porque parecem modernas.
NÃO USAR O S7 COMO ENFEITE
O símbolo deve assinar; a silhueta deve estruturar. Repetição sem função enfraquece a marca.
NÃO SACRIFICAR LEITURA
Tipografia monumental não significa texto espremido. Priorizar mobile, respiro e hierarquia.
12 · APROVAÇÃO
ANTES DE
PUBLICAR.
- O símbolo oficial S7 foi aplicado sem alterações?
- A peça usa Saira Condensed nos pesos adequados?
- A paleta respeita os modos Solar ou Profundo?
- A imagem evita clichês e tem caráter tátil, escultórico ou proprietário?
- Existe um eco formal da silhueta S7?
- A hierarquia está legível em celular?
- Há uma ideia principal por tela?
- A peça parece inequivocamente Severo7?