Manual de Marca · 2026

Precisão visual
para uma marca de tecnologia.

Este sistema define como a identidade da Microsistec se comporta em qualquer superfície — de uma tela retina a uma camiseta de evento. Construído sobre três pilares: clareza geométrica, tipografia silenciosa e um verde que respira tecnologia.

LogoDiretrizesCorTipografiaUI KitMateriais
00 · Essência

O que a marca defende

Missão
Tornar a tecnologia previsível para empresas que dependem dela todos os dias.
Visão
Ser o sistema invisível por trás das operações digitais mais confiáveis do país.
Promessa
Precisão de engenheiro, clareza de designer, ritmo de operador.

Quatro valores · quatro comportamentos visuais

01
Precisão
Grid rígido, alinhamentos exatos, números monoespaçados.
02
Confiança
Verde profundo, contraste alto, tipografia sem ornamentos.
03
Inovação
Espaço negativo generoso, transições sutis, geometria limpa.
04
Simplicidade
Menos elementos, mais hierarquia. Sempre uma ação primária.
02 · Geometria

Proporção Áurea

O logotipo da Microsistec foi concebido a partir de um rigoroso grid geométrico regido pela Proporção Áurea (φ = 1.618). Esta constante matemática define a escala, os raios de curvatura das asas e o equilíbrio das intersecções dos dois "M" espelhados.

Como se aplica ao logo:

  • Raios dos Arcos: As duas asas principais do símbolo possuem curvaturas externas definidas por um círculo de raio 170px (13k), e curvaturas internas de raio 105px (8k). A relação 170 / 105 = 1.619.
  • Espessuras e Encaixe: A espessura da asa menor central e as distâncias horizontais correspondem a proporções áureas de 65px (5k) e 40px (3k), gerando um fluxo visual orgânico.
  • Ângulos de Inclinação: O espelhamento das formas segue um ângulo preciso de inclinação de 38.8° que permite que os espaços vazios formem a letra "M" dinamicamente.
ANÁLISE GEOMÉTRICA
55k34k21k13k8k
MICROSISTECESPIRAL DE FIBONACCIφ = 1.618
03 · Paleta

Cor com hierarquia

A paleta é construída em três níveis. O verde Microsistec domina (60% do peso visual), apoiado por neutros silenciosos e um único acento quente para sinalização.

Primárias

Copiar HEX
#2B5250
Microsistec Teal
--teal-deep
Cor primária. Logo, headers, CTAs principais.
Copiar HEX
#1A1A1A
Graphite Ink
--ink
Wordmark e texto principal.

Secundárias

Copiar HEX
#5AA6A6
Aqua Signal
--teal-mid
Apoio, ícones, destaques sutis.
Copiar HEX
#7CC1C1
Mint Lume
--teal-light
Backgrounds suaves, ilustrações.
Copiar HEX
#1B2A2A
Deep Shade
--teal-shadow
Profundidade, dark UI.

Acento & Suporte

Copiar HEX
#E8A14B
Signal Amber
--amber
Alertas, badges, hover ativos.
Copiar HEX
#F7F3EA
Paper Cream
--cream
Fundo alternativo, materiais impressos.

Neutros

Copiar HEX
#FAFBFB
Snow
Copiar HEX
#E8EDED
Fog
Copiar HEX
#6B7878
Slate
Copiar HEX
#1A1A1A
Ink
60% Teal
25% Neutros
10% Ink
5% Amber
04 · Tipografia

Vozes da marca

Display / Títulos
·
Space Grotesk
Engenharia digital, sem fricção.
Pesos: 500 · 600 · 700 · Tracking: -0.02em
Corpo / UI
·
Inter
A Microsistec projeta sistemas de software para empresas que precisam de precisão, escalabilidade e previsibilidade. Cada componente da nossa marca segue a mesma disciplina.
Pesos: 400 · 500 · 600 · 700 · Line-height: 1.55
Código / Etiquetas técnicas
·
JetBrains Mono
const trust = precision + simplicity;
Pesos: 400 · 500 · Uso: dados, snippets, metadados
H1 · 56/60 · Space Grotesk 600
Construímos sistemas
H2 · 36/44 · Space Grotesk 600
Plataforma de operações
H3 · 22/30 · Space Grotesk 500
Integração contínua
Body · 16/26 · Inter 400
Texto corrido para parágrafos e descrições de produto. Mantenha 60–75 caracteres por linha.
Caption · 12/16 · Inter 500 · uppercase 0.18em
Status do sistema

Laboratório de Tipografia

Interaja com as fontes do sistema em tempo real.

Space Grotesk (Títulos)
Engenharia digital, sem fricção.
Inter (Corpo/UI)
Engenharia digital, sem fricção.
JetBrains Mono (Dados)
Engenharia digital, sem fricção.
05 · Aplicações

A marca em movimento

microsistec.com
PlataformaSoluçõesClientesContatoComeçar

Operações tecnológicas, sem ruído.

Software sob medida, infra resiliente e atendimento contínuo para empresas que tratam tecnologia como vantagem competitiva.

Falar com especialistaVer capacidades
9:41●●●
Olá, Equipe Atlas.
Tudo operando dentro do SLA.
API Gateway
Workers
Database
Ver relatório completo
Renata Aoki
Head of Engineering
renata@microsistec.com · +55 11 9
microsistec.com
Lançamento
Plataforma Atlas v2
Webinar
Arquitetura para escala
Hiring
SRE · Backend · Data
06 · Iconografia

Sistema de ícones

Ícones são desenhados sobre um grid de 24×24 com traço de 1.5px. Cantos arredondados (radius 2), terminações limpas. Sempre monocromáticos — uma cor por ícone. Nunca preenchidos em verde primário; o fill é reservado para estados ativos.

Grid base
24 × 24
Stroke
1.5 px
Corner radius
2 px
07 · Motion

Princípios de movimento

Movimento na Microsistec é discreto e funcional — nunca decorativo. Toda transição tem um propósito: estabelecer hierarquia, confirmar uma ação ou guiar atenção. Curvas suaves, durações curtas.

Duração
120–240ms para UI. 400–600ms para hero.
Easing
cubic-bezier(0.2, 0.8, 0.2, 1) — natural ease-out.
Distância
≤ 12px. Movimentos longos quebram o ritmo.
Onda de carregamento
08 · Fotografia

Estilo de imagem

Imagens devem comunicar operação real — datacenters, equipes em campo, telas, infraestrutura. Evitar stock genérico (handshakes, headsets, pessoas apontando para gráficos).

Macro & Detalhe
Ambiente Humano
Arquitetura Digital
Sim
  • Luz natural ou monocromática
  • Composição com respiro
  • Cores frias dominantes
  • Pessoas em contexto real
Não
  • Filtros saturados
  • Texturas decorativas
  • Sorrisos forçados de stock
  • Sobreposição de gradientes coloridos
09 · Voz

Como a marca fala

Direta, técnica sem ser fria, segura sem soar arrogante. Frases curtas. Verbos no presente. Evitar marketing-talk e jargão. Quando duvidar, prefira o substantivo concreto.

Escreva assim
“Reduzimos o tempo médio de resposta em 38% no último trimestre.”
“Operação 24/7 com observabilidade contínua.”
“Você decide. A gente sustenta.”
Evite
“Sinergias disruptivas que revolucionam o ecossistema.”
“Soluções de ponta a ponta best-in-class.”
“Nossa missão é encantar você.”
Tom por contexto
Comercial
Confiante, com prova.
Produto
Instrutivo, sem rodeios.
Suporte
Empático, objetivo, resolutivo.
10 · Acessibilidade

Contraste e legibilidade

Todos os pares texto/fundo da marca atendem WCAG AA no mínimo. Verde primário sobre creme passa AAA para texto grande.

Aa
#2B5250 on #F7F3EA
8.4:1
AAA
Aa
#FFFFFF on #2B5250
8.4:1
AAA
Aa
#1A1A1A on #7CC1C1
9.1:1
AAA
Aa
#FFFFFF on #5AA6A6
3.1:1
AA Large

Calculadora de Contraste da Marca

Teste a legibilidade entre as cores da paleta Microsistec.

Microsistec
A precisão e a confiabilidade de nossa engenharia refletidas na legibilidade e no design inclusivo.
RAZÃO DE CONTRASTE
7.8:1
Passa AAA
11 · Papelaria

Materiais impressos

Microsistec Tecnologia Ltda.
Rua Funcionários 1234 · São Paulo SP
+55 11 4002-8922 · microsistec.com
Rua Funcionários 1234
São Paulo · SP · 04500-000
12 · Apresentações

Slides corporativos

Q1 · 2026
Plano de operações
e crescimento
microsistec.com01 / 24
Resultados · Trimestre
Indicadores de SLA
Uptime
99.98%
MTTR
4m 12s
NPS
72
microsistec.com07 / 24
13 · Merchandise

Marca no físico

Camiseta Oficial Microsistec
T-shirt

Camiseta Oficial

Algodão orgânico premium penteado com estampa em silk screen termocolante.

PRETO SHADE
Garrafa Térmica Premium
Squeeze

Garrafa Térmica

Aço inoxidável de parede dupla com vácuo e gravação a laser do símbolo.

AÇO JATEADO
Caderno de Anotações Executivo
Notebook

Caderno de Notas

Capa dura com textura linho cinza grafite e logo gravado em baixo-relevo cego.

TEXTURA LINHO
Sacola Ecológica Canvas
Tote Bag

Ecobag Algodão

Lona de algodão cru 100% reciclada com estampa silk screen à base de água.

ALGODÃO CRU
14 · E-mail

Assinatura padrão

RA
Renata Aoki
Head of Engineering · Microsistec
renata@microsistec.com
+55 11 4002-8922
microsistec.com
15 · Downloads

Ativos da marca

.svg
Logo · SVG
Símbolo e tipografia vetoriais
.png
Logo · PNG
Transparente · 1x 2x 3x
.zip
Paleta
ASE · SCSS · Tailwind tokens
.zip
Tipografia
Inter + Space Grotesk + JetBrains Mono
.zip
Templates Slides
Keynote · PPTX · Google Slides
.pdf
Manual Completo
Brand guidelines completas (PDF)