Manual da marca · versão 2.0 · 02/11/2026

Tec Capital

Pontes entre pessoas e tecnologia. C · Proposta

A marca-mãe da Tec Capital: a empresa de Brasília que moderniza e faz evoluir a tecnologia de instituições de classe e de empresas, no Brasil e na Europa. Aqui está como usar a marca: logotipo, símbolo, cores, tipografia, constelação e circuitos, movimento, som, peças e arquivos, nos temas claro e escuro.

Marca: Tec Capital
Papel: Tecnologia para instituições e empresas
Razão social: Tec Capital Tecnologia da Informação Ltda
CNPJ: 33.866.215/0001-49
Design: Kadu Veronez
Versão: 2.0 · 02/11/2026 · 2ª edição
Kit: 287 arquivos · ZIP 11 MB

Outra página
Estratégia e diretrizes
Plataforma, público, concorrentes, voz e implantação, com fontes.

A marca · Identidade

A tecnologia que conecta pessoas e instituições

No símbolo, o Cruzeiro do Sul é orientação: a referência que ajuda quem atendemos a achar o caminho. Os circuitos são a conexão pela tecnologia e chegam de fora até as estrelas. O traçado forma o T e o C e guarda as linhas de Brasília, onde a empresa começou. Acompanha a tecnologia de instituições de classe e de empresas numa relação contínua: moderniza o que existe, integra o que está solto e faz as soluções evoluírem conforme as necessidades mudam.

Atributo

Responsável

Responde pela tecnologia do cliente durante toda a relação, não só até o lançamento: quem contrata sabe quem procurar.

Atributo

Precisa

Diz o que vai fazer, em que etapa e em quanto tempo. Nada de promessa vaga nem de jargão.

Atributo

Fala com a diretoria, com a secretaria e com o inscrito. Educada, na primeira pessoa do plural.

Tom 'responsável e seguro' escolhido na entrevista do projeto (01/11/2026), sobre a base do manual de 2020 (educado, primeira pessoa do plural). Validar com a direção da Tec Capital.

Lugar no ecossistema

A Tec Capital assina e responde; os produtos Ordo 360 e Apta 360 terão logo próprio com o endosso “por Tec Capital”. Os dois funcionam numa relação contínua, em que a solução evolui com o cliente.

Tec CapitalTecnologia para instituições e empresas Ordo 360Instituições de classe · no ar Apta 360Empresas e profissionais liberais · em breve Sob demandaProjetos e evolução contínua

O que a marca faz

Modernizar

Reúne sistemas antigos, fragmentados ou espalhados num ambiente único e acessível.

Integrar

Conecta as ferramentas que já funcionam num só ecossistema, sem trocar o que dá certo.

Evoluir

Melhora as soluções continuamente, conforme as necessidades da instituição mudam, em vez de deixá-las paradas no lançamento.

Confiança

Equipe especializada mantém os sistemas seguros, atualizados e funcionando, com responsabilidade.

Origem

Como a Tec Capital começou

F · Fato

Lucas Macêdo e Davi Andrade começaram a Tec Capital em Brasília, em 2019, com dois computadores e nada mais: sem sede, sem investidor e sem recursos. Não tinham nem a garagem das histórias de startup. Trabalhavam onde dava: numa sala de estudos da Biblioteca Nacional, em praças de alimentação e em estações de metrô. No começo, abraçaram toda oportunidade de trabalho em tecnologia que aparecia, mas o sonho, desde o primeiro dia, era criar soluções próprias, e não só prestar serviço. Faltavam conhecimento e estrutura, e os dois foram construindo as duas coisas pelo caminho. O primeiro grande contrato, com a OAB/DF, abriu a especialização em instituições; depois vieram a equipe, outras seccionais e a primeira missão internacional, em Lisboa. Hoje a Tec Capital desenvolve tecnologia própria, com o Ordo 360 e o Apta 360, e trabalha em evolução contínua: acompanha instituições e empresas por mais tempo, conforme as necessidades delas mudam.

2014Lucas e Davi convivem numa organização filantrópica e aprendem a liderar juntos.
2018 a 2019Um banquete organizado pelos dois testa a parceria antes da empresa.
2019Fundação em Brasília, sem sede e sem investimento externo.
Primeiros anosTodo trabalho de tecnologia que aparece, com o sonho de criar soluções próprias; a primeira bancada vira a primeira sede.
EstruturaçãoPrimeiro grande contrato, com a OAB/DF. A equipe cresce e chegam outras seccionais.
2024Primeira missão internacional: Web Summit Lisboa.
2026Exporta DF e foco em evolução contínua, IA, Ordo 360 e Apta 360.
2027Portugal como primeiro mercado europeu (planejado).

Fonte: História da TEC Capital, enviada pela direção em 02/11/2026. Os períodos sem data seguem o relato dos fundadores; 2027 é planejamento.

Fatos

Item	Dado
Empresa	Tec Capital Tecnologia da Informação Ltda, fundada em Brasília em 2019 por Lucas Macêdo (CEO) e Davi Andrade (CTO), sem sede e sem investimento externo.
Clientes	Instituições de classe, a partir do primeiro grande contrato, com a OAB/DF. Nome de cliente em peça só com autorização por escrito.
Produtos	Ordo 360 (instituições de classe) e Apta 360 (em desenvolvimento, para empresas e profissionais liberais), por assinatura e em evolução contínua, além dos projetos sob demanda.
Atuação	Brasil e Europa. Infraestrutura declarada no Brasil e na Alemanha.

Fonte: Site tec.capital e página Quem somos (01/11/2026), manual de 2020, entrevista do projeto, história da empresa e considerações da direção (02/11/2026). Números e clientes só com fonte; o que depende de comprovante do cliente fica fora até chegar.

Assinatura

C · Proposta

Pontes entre pessoas e tecnologia.

Em inglês: Bridges between people and technology.

Escolhida na entrevista do projeto a partir do slogan de 2020 e da frase do site (“Construindo pontes entre pessoas e tecnologia desde 2019”). A validar com o cliente e a conferir no INPI antes de uso em campanha.

Continua na página Estratégia e diretrizes
Plataforma de marca
Posicionamento, proposta de valor, valores e o que sustenta cada afirmação.

Logotipo · Identidade

O nome, com o céu ao lado

Quatro assinaturas (horizontal, em linha, vertical e símbolo) em cinco versões de cor, mais o traço branco de uma tinta para o Azul Tec, todas do redesenho de 2026. O letreiro tem TEC fino e CAPITAL forte: é desenho, não texto. Escolha a versão pelo fundo, nunca pelo gosto.

Área de proteção

Deixe livre em volta do logotipo a medida x, a altura de uma letra do letreiro (10.8% da largura do horizontal). Num logotipo horizontal de 300 px de largura, x ≈ 32 px.

Construção

O símbolo tem a altura do logotipo inteiro; as duas linhas do letreiro somam a mesma altura e começam a 0.39x do símbolo. TEC tem o desenho fino da Ocean e CAPITAL o desenho forte da Azonix, ajustados à mão: nunca digite o nome para imitar o logotipo.

Assinaturas

Horizontal · principal

TEC em cima, CAPITAL embaixo, ao lado do símbolo. Cabeçalho de documento, assinatura de e-mail, apresentação, papelaria. Primeira escolha sempre que houver espaço.

SVG PNG

Horizontal em linha

TEC CAPITAL numa linha só. Faixas baixas: cabeçalho de site, rodapé, barra de app, banner largo.

SVG PNG

Vertical

Símbolo em cima, nome embaixo. Capas, cartazes, banner em pé, telas quadradas e fim de vídeo.

SVG PNG

Símbolo

Avatar, favicon, ícone de app e crachá. Sozinho só onde o nome já aparece por perto ou não cabe.

SVG PNG

Essas são as únicas assinaturas: as quatro vêm dos arquivos redesenhados. A logo de 2020 não é mais usada. Não monte o símbolo ao lado de outro logo do mesmo tamanho nem crie versões com tagline embaixo sem aprovação.

Versões de cor

Cada prévia está sobre o fundo para o qual a versão foi feita. SVG para site e design, PNG para Word, PowerPoint e redes, PDF e EPS em CMYK para gráfica (conversão de referência: peça prova de cor).

Horizontal · colorida para fundo claro

A logo azul para fundo branco ou névoa: o mesmo disco em Azul Tec, com o letreiro em grafite.

SVG PNG PDF CMYK EPS CMYK

Horizontal · colorida

A logo azul, versão principal: disco em Azul Tec e letreiro em névoa. É a única que vai sobre cor: azul-noite, Azul Tec, grafite, preto e as cores de apoio.

SVG PNG PDF CMYK EPS CMYK

Horizontal · azul

Uma cor, Azul Tec, com o interior do símbolo claro. Fundo branco, névoa ou preto: papelaria, documento e gravação em uma cor.

SVG PNG PDF CMYK EPS CMYK

Horizontal · positiva

A logo branca: interior do símbolo claro e desenho em grafite. Só sobre fundo branco ou névoa (impressão em preto, carimbo, documento).

SVG PNG PDF CMYK EPS CMYK

Horizontal · negativa

A logo preta: interior do símbolo em grafite e desenho em névoa. Só sobre fundo preto ou grafite; nunca sobre azul ou outra cor.

SVG PNG PDF CMYK EPS CMYK

Uma cor

Horizontal · positiva

A logo branca: interior do símbolo claro e desenho em grafite. Só sobre fundo branco ou névoa (impressão em preto, carimbo, documento).

SVG PNG PDF CMYK EPS CMYK

Horizontal · negativa

A logo preta: interior do símbolo em grafite e desenho em névoa. Só sobre fundo preto ou grafite; nunca sobre azul ou outra cor.

SVG PNG PDF CMYK EPS CMYK

Horizontal · azul

Uma cor, Azul Tec, com o interior do símbolo claro. Fundo branco, névoa ou preto: papelaria, documento e gravação em uma cor.

SVG PNG PDF CMYK EPS CMYK

Horizontal · traço branco

Traços e letreiro em névoa, só sobre o Azul Tec. Arquivo de uma tinta, sem o disco: o azul é o próprio fundo. Camiseta, adesivo e brinde azuis. Vertical e símbolo no kit, em 03_LOGOS.

SVG PNG PDF CMYK

Para carimbo, gravação, bordado e serigrafia: a positiva (logo branca) só sobre branco, a negativa (logo preta) só sobre preto e a azul sobre qualquer fundo, sempre com o disco inteiro. A única sem disco é o traço branco, e ela só vai sobre o Azul Tec, onde o azul do fundo faz o papel do disco.

Logo responsivo

Espaço confortável

Horizontal, a partir de 80 px de largura.

Faixa baixa e larga

Em linha, a partir de 110 px de largura.

Espaço quadrado ou em pé

Vertical a partir de 90 px de largura.

Pouco espaço

Só o símbolo, a partir de 24 px.

Redução mínima

Escala real, em px de tela

160 px

112 px

80 px · mínimo

49 px · use o símbolo

Por quê. O limite vem do letreiro: abaixo disso as letras ficam com menos de 9 px de altura e o TEC fino some. As estrelas do símbolo pedem pelo menos 24 px.

Mínimo por assinatura · amostras no tamanho real

Horizontal80 px na tela
20 mm impresso

Em linha110 px na tela
28 mm impresso

Vertical90 px na tela
21 mm impresso

Símbolo24 px na tela
7 mm impresso

Sobre fotos e fundos

Troque o fundo do exemplo: o palco mostra a versão certa para cada um.

Colorida para fundo claro sobre névoa ou branco.

Sim. Azul sobre névoa: papelaria e documento.

Sim. Colorida sobre o Azul Tec: a única que vai sobre cor.

Não. Colorida sobre fundo claro: o letreiro em névoa some (1,1:1).

Não. A logo preta sobre o Azul Tec: a preta só vai sobre preto, e a branca só sobre branco.

Símbolo · Identidade

O Cruzeiro, os circuitos e Brasília

O símbolo sem o letreiro: Cruzeiro do Sul, circuitos e o traçado de Brasília num círculo. É o rosto da marca no perfil, no navegador e no crachá, e funciona como marca d'água.

Versões

Símbolo · colorido

A versão principal: disco em Azul Tec com o desenho em névoa. Funciona sobre fundo claro e escuro; é o avatar e o favicon.

SVG PNG PDF CMYK EPS CMYK

Símbolo · azul

Uma cor, Azul Tec, com o interior do símbolo claro. Fundo branco, névoa ou preto: papelaria, documento e gravação em uma cor.

SVG PNG PDF CMYK EPS CMYK

Símbolo · positivo

A logo branca: interior do símbolo claro e desenho em grafite. Só sobre fundo branco ou névoa (impressão em preto, carimbo, documento).

SVG PNG PDF CMYK EPS CMYK

Símbolo · negativo

A logo preta: interior do símbolo em grafite e desenho em névoa. Só sobre fundo preto ou grafite; nunca sobre azul ou outra cor.

SVG PNG PDF CMYK EPS CMYK

Prontos para usar

Avatar

Perfis da marca e foto de contato. Quadrado de 1080 px em azul-noite com o símbolo na área segura; a rede recorta em círculo.

PNG 1080 SVG

Favicon e ícone de app

O símbolo colorido inteiro, que já é um círculo. Em 16 px as estrelas viram pontos: tudo bem, o disco azul e o traçado continuam reconhecíveis.

SVG 32 180 512

Símbolo animado

Estrelas que acendem

Um pulso de dados corre nos circuitos até os nós e as estrelas do Cruzeiro piscam na ordem do céu. Loop de 4,8 s que começa e termina no arquivo parado. Para avatar animado, abertura de story e fim de vídeo curto.

Item	Valor
Duração	4,8 s em loop
Formato	1:1 · 1080 × 1080
Arquivos	MP4 1:1, 16:9 e 9:16 e GIF de 480 px
Fundo	Névoa, branco, grafite ou azul-noite

MP4 16:9 MP4 9:16 MP4 1:1 GIF 480 px

Marca d'água

Texto da peça
vem por cima

18%

Fundo de marca liso, capa de apresentação.

Contraste do texto: 4,9:1 no pior ponto (mínimo 4,5:1)

SVG azul

Texto da peça
vem por cima

10%

Fundo claro: relatório, proposta, certificado.

Contraste do texto: 12,0:1 no pior ponto (mínimo 4,5:1)

SVG positivo

Texto da peça
vem por cima

8%

Atrás de título grande sobre grafite.

Contraste do texto: 11,7:1 no pior ponto (mínimo 4,5:1)

SVG negativo

Marca d’água é sempre tom sobre tom e fica atrás de áreas sem texto. Use a azul sobre cor, a positiva sobre branco e a negativa sobre preto, com 8 a 20% de opacidade.

Tamanhos de referência

96 px aqui

Avatar

Círculo, 1080 px

Perfil nas redes e no WhatsApp; a rede recorta em círculo.

72 px aqui

Ícone de app

180 e 512 px

Tela inicial do celular e atalho do site.

32 px aqui

Favicon

32 e 64 px

Aba do navegador e favoritos.

24 px aqui

Mínimo

24 px · 7 mm

Menor uso do símbolo sozinho: abaixo disso as estrelas somem.

O que o símbolo carrega

Três ideias num desenho só.

Cruzeiro do Sul

Estrelas de sete pontas, como no céu do hemisfério sul: a constelação que indica o caminho. No manual de 2020, as sete pontas falam de vitória.

Circuitos

Vêm de fora e se ligam ao símbolo: a tecnologia conectando pessoas. O circuito do meio sobe até o nó cheio, que fica entre as quatro estrelas do Cruzeiro.

Traçado de Brasília

A curva que abre o disco lembra as colunas da Catedral, os palácios e os eixos do Plano Piloto: a origem da empresa, fundada na capital.

Leitura do símbolo descrita no manual de 2020 e mantida no redesenho de 2026. Os produtos (Ordo 360 e Apta 360) terão símbolos próprios, apresentados na página do ecossistema.

Usos incorretos · Identidade

Seis coisas que a marca não faz

Distorcer

Nunca estique nem achate. Redimensione pelo canto, com a proporção travada.

Girar

O logotipo fica sempre na horizontal, inclusive em peças inclinadas.

Versão errada no fundo

A logo preta só vai sobre preto e a branca só sobre branco. Sobre azul ou outra cor, só a logo azul. Nunca recolora.

Aplicar efeitos

A marca é chapada: sem sombra, brilho, relevo ou contorno.

TEC CAPITAL

Digitar o letreiro

O letreiro é desenho, com TEC fino e CAPITAL forte. Texto digitado na Azonix não substitui o arquivo.

LOGO 2020
(arquivos antigos)

Usar a logo antiga

A logo foi redesenhada em 2026. Arquivos de 2020 (PSD e PNG antigos) saem de circulação: use só o kit deste manual.

Cuidados desta marca

Achados da leitura dos arquivos redesenhados.

O símbolo tem disco cheio. Em todas as versões o interior do símbolo é preenchido (azul, grafite ou névoa). A única exceção é o traço branco de uma tinta, que só vai sobre o Azul Tec: ali o azul do fundo faz o papel do disco. Em qualquer outro fundo, use a positiva (grafite) ou a negativa (névoa) inteira.

Colorida para fundo claro × colorida. A colorida tem o letreiro em névoa e foi feita para fundo escuro. Em fundo claro, use a colorida para fundo claro (letreiro grafite) ou a azul.

TEC fino, CAPITAL forte. O peso diferente das duas palavras é desenho: nunca recomponha o letreiro com texto digitado nem iguale os pesos.

Cores · Sistema

O azul do céu de Brasília

As cores saem dos arquivos redesenhados: o Azul Tec do disco, o azul-noite da prancha da logo e os neutros grafite e névoa do letreiro. O azul-céu entra como adição para o tema escuro. Cada cor tem papel definido no tema claro e no escuro.

Paleta

Principal

Azul Tec

O disco do símbolo. Texto, botão e destaque no tema claro; fundo de capa e de bloco de marca.

Profundidade

Azul-noite

Fundos de capa, palco das animações e céu da constelação. Texto névoa por cima.

Destaque no escuro

Azul-céu

Texto, botão e destaque no tema escuro; circuitos e realces sobre azul-noite. O Azul Tec sobre grafite tem 1,96:1; o azul-céu tem 6,6:1.

Neutro escuro

Grafite

Letreiro da colorida para fundo claro e da positiva, texto no claro e fundo do tema escuro.

Neutro claro

Névoa

Letreiro da colorida e da negativa, interior do símbolo e fundo do tema claro.

Toque num valor para copiar só aquele valor.

Cinzas de apoio

Os cinzas vêm da prancha de apresentação da logo; grafite e névoa, os neutros do letreiro, estão na paleta acima.

Apoio (prancha da logo)

Cinza 100

Fundo de prancha e atrás de peças névoa

Cinza 200

Fios, divisórias e fundo de cartão

Cinza 400

Fios fortes, ícones inativos e circuitos de apoio

Cinza 600

Texto secundário no claro (5,2:1 sobre névoa)

Funcionais

Só para estado de interface e de processo. Nunca como cor de peça de comunicação.

Sucesso

Exemplo

Envio concluído, sistema no ar, etapa aprovada. Texto sobre o fundo tingido: 6,0:1.

Atenção

Exemplo

Prazo próximo, manutenção programada, revisão. Texto sobre o fundo tingido: 4,9:1.

Erro

Exemplo

Campo inválido, falha no envio, incidente. Texto sobre o fundo tingido: 7,0:1.

Informação

Exemplo

Avisos neutros e selos: é o próprio destaque da marca.

Adições para contraste

Destaque no escuro

Azul-céu

Texto, botão e destaque no tema escuro; circuitos e realces sobre azul-noite. O Azul Tec sobre grafite tem 1,96:1; o azul-céu tem 6,6:1.

Por que existe

Azul-céu #6FA8E6: 2,4:1 sobre o fundo claro e 2,2:1 com texto névoa por cima. Registrada como adição: não está nos arquivos do logo.

Tema claro e escuro

Peças digitais usam o papel da cor (fundo, texto, destaque), que troca de valor com o tema. No escuro, o logotipo passa para a colorida (letreiro névoa) e o destaque para o azul-céu.

Token	Claro	Escuro	Uso
`--oc-canvas`	`#FAFAFA`	`#1F1F1F`	Fundo da página
`--oc-tray`	`#FAFAFA`	`#2A2A2A`	Bandejas (cartões, menus, painéis)
`--oc-part`	`#F1F1F1`	`#383838`	Peças: botões, campos, linhas
`--oc-part-hover`	`#E8E8E8`	`#404040`	Peça sob o ponteiro
`--oc-part-soft`	`#F7F7F7`	`#333333`	Linha aberta, prévia, fundo de tabela
`--oc-ink`	`#1F1F1F`	`#F1F1F1`	Texto principal
`--oc-ink-muted`	`#575D63`	`#ABB1B6`	Texto secundário, rótulos
`--oc-primary`	`#1A4E89`	`#6FA8E6`	Botão principal, link, foco: o destaque da marca

Mais 6 tokens: fundo tingido, inverso e textos sobre o destaque

Token	Claro	Escuro	Uso
`--oc-primary-hover`	`#143D6C`	`#94BFEE`	Botão principal sob o ponteiro
`--oc-on-primary`	`#F1F1F1`	`#1F1F1F`	Texto sobre o destaque
`--oc-accent-soft`	`#E4EAF1`	`#343C44`	Fundo tingido (selos, avisos)
`--oc-accent-ink`	`#1A4E89`	`#94BFEE`	Texto sobre o fundo tingido
`--oc-inverse`	`#1F1F1F`	`#F1F1F1`	Peça invertida (aviso, item ativo)
`--oc-on-inverse`	`#F1F1F1`	`#1F1F1F`	Texto sobre a peça invertida

Proporção

Proposta para uma peça típica no tema claro. No escuro, grafite e névoa trocam de lugar.

Passe o mouse, toque ou use as setas em cada faixa.

Base

Onde usar
Cuidado
Valor

Contraste

Calculado no build pela fórmula do WCAG 2.2. Texto normal precisa de 4,5:1; texto grande e ícones, 3:1.

Texto	Fundo	Amostra	Contraste	Resultado	Uso
Grafite `#1F1F1F`	Névoa `#F1F1F1`	Tec Capital	14,6:1	AA texto	Texto no claro
Névoa `#F1F1F1`	Azul Tec `#1A4E89`	Tec Capital	7,5:1	AA texto	Texto sobre o bloco de marca
Destaque claro `#1A4E89`	Fundo claro `#FAFAFA`	Tec Capital	8,1:1	AA texto	Link, botão e título no claro
Névoa `#F1F1F1`	Destaque claro `#1A4E89`	Tec Capital	7,5:1	AA texto	Texto no botão principal (claro)
Destaque escuro `#6FA8E6`	Grafite `#1F1F1F`	Tec Capital	6,6:1	AA texto	Link e destaque no escuro
Grafite `#1F1F1F`	Destaque escuro `#6FA8E6`	Tec Capital	6,6:1	AA texto	Texto no botão principal (escuro)
Névoa `#F1F1F1`	Grafite `#1F1F1F`	Tec Capital	14,6:1	AA texto	Texto no escuro
Cinza 600 `#5E656B`	Névoa `#F1F1F1`	Tec Capital	5,2:1	AA texto	Texto secundário no claro
Névoa `#F1F1F1`	Azul-noite `#002242`	Tec Capital	14,2:1	AA texto	Texto sobre capa azul-noite
Azul-céu `#6FA8E6`	Azul-noite `#002242`	Tec Capital	6,4:1	AA texto	Destaque sobre azul-noite
Azul-noite `#002242`	Fundo claro `#FAFAFA`	Tec Capital	15,4:1	AA texto	Teste da cor do logo como texto no claro

Calculadora de contraste

Escolha a cor do texto e a do fundo: a conta é a mesma do WCAG 2.2, feita no navegador.

Texto

Fundo

Título de exemploTexto corrido de 16 px para conferir a leitura.

Contraste: 14,6:1
Texto normal (4,5:1): passa
Texto grande e ícone (3:1): passa
Valores: #1F1F1F sobre #F1F1F1

Tela e impressão

Tela

Use HEX ou RGB, perfil sRGB. Os SVG e PNG do kit já estão nesse padrão.

Gráfica

O CMYK desta página é conversão direta, sem perfil: serve de ponto de partida. Peça prova de cor antes da primeira tiragem.

Pantone

O manual de 2020 citava Pantone 4153 C para o azul e 419 C para o preto, sem prova registrada. Para o Azul Tec redesenhado, defina com a gráfica a partir da prova de cor; referência de impressão de 2020: CMYK 98 67 0 13.

ASE (Adobe)TXT JSON CSS

Tipografia · Sistema

Um nome desenhado, um texto que se lê

Quatro famílias, as mesmas da prancha da logo redesenhada. Nos títulos, o par do logotipo: Azonix (o CAPITAL) e, em azul, Ocean (o TEC), que também faz os subtítulos. JetBrains Mono em rótulos, dados e interface; Caladea (no lugar da Cambria) só no texto corrido.

Famílias

Azonix · títulos

PONTES 360

ABCDEFGHIJKLMNOPQRSTUVWXYZ ÁÃÂÇÉÊÍÓÕÚ 0123456789

Títulos de capítulo, de página e de destaque, sempre em caixa alta e curtos. É a família do CAPITAL do logotipo: nunca recomponha o logotipo com texto digitado.

Limite: Larga e forte: até seis palavras por título, nunca em parágrafo nem abaixo de 14 px. O arquivo original não tem acentos (desenha Ç como C e Ã como A): no site use a Azonix TC, com os acentos desenhados no mesmo traço; fora dela, escolha título sem acento ou use a Caladea 700.

Caladea · texto corrido

Aa 0123

400700Itálico

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz áàâãéêíóôõúç 0123456789

Texto corrido e documentos: o que é para ler com calma. Substituta livre e com as mesmas medidas da Cambria, a fonte oficial dos documentos desde 2020.

JetBrains Mono · rótulos e dados

#1A4E89

400500700

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 · 24/7 · 99,9%

Rótulos, dados técnicos, códigos de cor, botões, menus e legendas. A voz técnica da marca e a fonte da interface.

Ocean · subtítulos e segunda parte do título

TEC 360

ABCDEFGHIJKLMNOPQRSTUVWXYZ ÁÃÇÉÍÓÚ 0123456789

300500700

A segunda parte do título, em azul, e os subtítulos: o TEC fino ao lado do CAPITAL forte, como no logotipo. Sempre em caixa alta, com espaçamento leve.

Limite: Fina: só em títulos e subtítulos curtos, nunca em parágrafo nem abaixo de 13 px. Também não tem acentos nem pontuação: no site use a Ocean TC; o TEC do logotipo continua sendo o desenho do arquivo.

O letreiro

No letreiro, TEC tem o desenho fino da Ocean e CAPITAL o desenho forte da Azonix, com a mesma altura de letra. O contraste de peso é o que dá ritmo ao nome: em texto corrido, escreva sempre Tec Capital, em caixa normal, na fonte do texto. Nunca escreva TecCapital, Tech Capital ou TEC capital.

Hierarquia

Estilo	Amostra	Medidas	Uso
destaque	PONTES ENTRE PESSOAS	Azonix 400 · 52/55	Título de capa e de campanha. Curto.
titulo-1	CUIDAMOS DA SUA TECNOLOGIA	Azonix 400 · 36/41	Título de página e de peça.
titulo-2	SEM TROCAR O QUE FUNCIONA	Ocean 300 · 28/34	Segunda parte do título, em azul, e títulos de seção.
subtitulo	PORTAL, APP E ATENDIMENTO	Ocean 500 · 20/25	Subtítulos e títulos de cartão.
texto	A Tec Capital cuida da tecnologia de instituições de classe e de empresas.	Caladea 400 · 17/27	Texto corrido em tela. Impresso: 10,5 a 11,5 pt.
rotulo	ORDO 360 · INSTITUIÇÕES	JetBrains Mono 500 · 13/17	Rótulos de seção, etiquetas e dados.
dado	#1A4E89 · 26 78 137	JetBrains Mono 400 · 14/20	Números, códigos e valores técnicos.

Teste de título

Exemplos

Caracteres: 0
Palavras: 0
Linhas no título: 1

Ideal: até 60 caracteres, em no máximo duas linhas.

Cuidamos da tecnologia da sua instituição

CUIDAMOS DA TECNOLOGIA DA SUA INSTITUIÇÃO

Cuidamos da tecnologia da sua instituição

Rótulo: JetBrains Mono 500 · Título: Azonix, caixa alta · Subtítulo: Ocean 300, em azul · Texto: Caladea 400, 17 px

Licença e substitutas

Licença

Caladea e JetBrains Mono são livres (SIL Open Font License 1.1): pode usar em site, impresso e vídeo e enviar ao fornecedor. Azonix vem marcada como fonte gratuita no próprio arquivo; Azonix e Ocean precisam da licença comercial e web confirmada. Este site usa Azonix TC e Ocean TC, versões com os acentos (e, na Ocean, a pontuação) desenhados no mesmo traço; elas não vão no kit.

Sem as fontes instaladas

Sem as fontes instaladas (Word e PowerPoint de outro computador): Cambria no lugar da Caladea (já vem no Windows e no Office), Consolas no lugar da JetBrains Mono. Azonix e Ocean não têm substituta: use os títulos em Cambria negrito em caixa alta.

Web

Arquivos WOFF2 do kit: Caladea 400, 700 e itálico, JetBrains Mono 400, 500 e 700 e Azonix 400. A Cambria, oficial nos documentos desde 2020, é da Microsoft e não pode ir para a web: no site, a Caladea tem as mesmas medidas.

Caladea TTF Caladea WOFF2 JetBrains Mono TTF Licença Caladea Licença JetBrains Mono Ficha

Grid e grafismos · Sistema

Tudo no módulo de 8

Margens generosas, um destaque por peça e o horizonte no terço de baixo. O módulo de 8 organiza as peças gráficas; as telas seguem a geometria de bandejas e peças da Zuik.

Grades por formato

Post 1080 × 1080 · margem 80

Story 1080 × 1920 · área segura

Slide 16:9 · margem 96

A4 · margem 20 mm

Como ler

O tracejado é a margem segura (nada importante fora dele), as faixas claras são as colunas e a linha marcada HORIZONTE fica no terço de baixo, onde entra o circuito; título e conteúdo ficam acima dela (veja Constelação e circuitos). O A4 não leva horizonte: o circuito fica só no rodapé. No story, as faixas de 250 px em cima e embaixo ficam sob a interface do aplicativo: nada de texto nelas.

Escala de espaço e raios

Espaço

Módulo de 8 nas peças gráficas. Na tela, a escala da Zuik: 2 entre peças numa barra · 5 recuo da barra · 8 recuo do painel · 13 ícone na ponta da pílula · 16 texto na peça · 24 e 32 entre blocos · 48 e 96 entre seções.

Raios concêntricos

22 · linha

pílula

Raio de fora = raio de dentro + recuo. Painel 30 = linha 22 + 8; barra 27 = peça 22 + 5; tela 38 = painel 30 + 8. Peças são pílulas.

Elementos gráficos

Faixa de circuito

Rodapé de slide, capa de vídeo, base de banner. Largura cheia.

SVG

Faixa de circuito larga

Painel de evento e fundo de palco: quatro períodos, mais calma.

SVG

Módulo repetível

Um período exato: repita lado a lado em qualquer largura, sem corte.

SVG

O sistema completo, com o céu, o Cruzeiro do Sul, coordenadas, pranchas e regras, está no capítulo Constelação e circuitos.

Composição

Três intensidades. Escolha pela importância da mensagem, não pela vontade de variar.

Simples

Fundo névoa, símbolo, título e um traço só de circuito. Para avisos e conteúdo do dia a dia.

SVG PNG

Média

O céu azul-noite com o Cruzeiro do Sul e a linha do horizonte, sem circuito: a composição-assinatura da Tec Capital.

SVG PNG

Expressiva

Azul Tec, título de destaque em Azonix e o Cruzeiro do Sul em azul-céu. Para campanha, lançamento e evento.

SVG PNG

Constelação e circuitos · Sistema

Constelação e circuitos

A linguagem própria da Tec Capital sai do símbolo: os circuitos que chegam de fora e terminam em nós, o Cruzeiro do Sul do céu de Brasília e o horizonte que organiza a página. Céu em cima, conteúdo no meio, circuito embaixo. Gera peças reconhecíveis mesmo sem o logotipo por perto.

Circuito

À esquerda, os três circuitos do arquivo oficial do símbolo: saem do anel em retas inclinadas a cerca de 15° e terminam em nós (cheio no do meio, vazados nos outros), e só o do meio vira 90° antes do nó. À direita, a faixa do sistema, derivada deles: quatro traços com a mesma espessura e o mesmo passo, degraus a 45° e nós em anel. O ângulo do símbolo é medida aproximada; a faixa é a regra que as peças seguem. Na faixa, o desenho se repete por períodos, sem emenda.

A regra do horizonte

Linha a 2/3 da altura. Em peças altas (story), a 62–66%.

Acima da linha, o céu com o Cruzeiro do Sul, ou fundo livre; o símbolo nunca é redesenhado no horizonte.

Abaixo da linha, o circuito. Acima, o conteúdo, com a margem do formato.

Fio do horizonte no azul-céu, 2 px em tela.

Céu e coordenadas

Coordenadas celestes: linhas finas a cada 1/8 da largura, com horas (0h a 24h) e declinação em JetBrains Mono fina nas bordas. Opacidade de 12 a 30%.

Rota: segmentos retos e a 45°, com nós em anel e terminal no fim: o caminho de uma demanda até a solução.

Cruzeiro do Sul: as estrelas de sete pontas do símbolo, só em capa, fundo e abertura de vídeo. Nunca como ícone pequeno.

O céu é o de Brasília: o Cruzeiro aparece como se vê do Planalto Central, inclinado, como no símbolo.

Brasília

O traçado de Brasília

As linhas que se curvam no símbolo lembram as colunas da Catedral e os eixos da cidade. No sistema, Brasília aparece como desenho técnico de traço fino, nunca como cartão-postal: horizonte reto, céu grande e uma ou duas silhuetas reconhecíveis.

Use em capa institucional, abertura de vídeo e peças de evento em Brasília. Fora do Distrito Federal (Europa, outros estados), o céu e o circuito bastam.

Pranchas

Quatro composições de referência com o sistema.

Capa de apresentação

Céu azul-noite com coordenadas finas, título acima do horizonte, circuito na base.

Divisor de seção

Fundo névoa, número em Azonix e uma faixa de circuito atravessando.

Documento A4

Horizonte fino no rodapé e o circuito só na base da página.

Post 4:5

O céu com o Cruzeiro do Sul sobre o horizonte: a composição-assinatura.

Circuito em movimento

A energia corre pelo circuito: em cada traço, um pulso com cabeça clara e cauda que afina anda da esquerda para a direita, no seu próprio ritmo (8 a 16 s), e cada nó dá um clarão quando o pulso passa. A faixa fica parada; o loop fecha a cada 48 s. Em tela, nunca mais rápido que isso. Com "reduzir movimento" ligado, fica a faixa com os nós, sem pulsos.

Biblioteca

Módulos para baixar, nas cores da marca. SVG editável em Figma, Illustrator e Canva.

Faixa de circuito

Rodapé de slide, capa de vídeo, base de banner. Largura cheia.

SVG PNG

Faixa de circuito larga

Painel de evento e fundo de palco: quatro períodos, mais calma.

SVG

Módulo repetível

Um período exato: repita lado a lado em qualquer largura, sem corte.

SVG

Traço único

Fio de destaque e divisor de seção: um traço com degrau e nó em anel.

SVG

Céu

Fundo de capa: azul-noite, Cruzeiro do Sul, horizonte e circuito.

SVG PNG

Céu vertical

Story e capa de vídeo vertical.

SVG

Constelação e circuitos

Fundo de capa e de divisor: coordenadas celestes, Cruzeiro do Sul e rotas de circuito.

SVG

Regras de uso

Um uso por peça: uma faixa de circuito ou um céu com horizonte, com no máximo um elemento extra (coordenadas, rota ou constelação).

Conteúdo acima do horizonte. Texto nunca passa por cima do circuito.

Traços na ordem: do mais escuro (em cima) para o mais claro (embaixo); degraus sempre a 45°, nunca curvas.

O Cruzeiro do Sul tem quatro estrelas na posição do símbolo. Não acrescente estrelas, nem uma pequena, não troque por outra constelação, não use estrela de cinco pontas.

Circuito não é placa-mãe: nada de chips, trilhas verdes, binário, cadeado brilhante ou cabeça de robô.

Coordenadas são desenho: não escreva coordenadas reais de um cliente, servidor ou endereço.

Desenho técnico · Sistema

O céu, o circuito e o rack

A Tec Capital desenha como quem projeta sistemas: o céu de Brasília em carta celeste, a integração em diagrama de blocos e a infraestrutura em elevação, em azul sobre azul-noite. Desenhos ilustrativos: cotas, coordenadas e nomes são fictícios.

Prancha · Papel

Prancha usa o azul-noite da marca; papel acompanha o tema claro ou escuro da página.

Prancha interativa

Camadas que se desligam, cotas sob o ponteiro e a vista explodida. A leitura embaixo mostra a posição na prancha (fictícia).

Céu de Brasília: Carta celeste azimutal vista do Planalto Central: círculos de altura, azimutes, o Cruzeiro do Sul apontando o polo e o perfil de Brasília em elevação. — **Céu de Brasília.** Passe o mouse, toque ou use Tab nos traços para ler as cotas.

SVG claro SVG escuro

Biblioteca

Mais 2 pranchas da linguagem céu, integração e infraestrutura. Ligue as cotas ou passe o mouse nos traços.

Arquitetura de integração: O sistema de gestão que a instituição já usa fica onde está; a camada de integração liga esse sistema aos serviços para o inscrito.

02 · Arquitetura de integração

O sistema de gestão que a instituição já usa fica onde está; a camada de integração liga esse sistema aos serviços para o inscrito.

SVG claro SVG escuro

Rack e redundância: Elevação de dois racks em regiões diferentes, com replicação entre eles e balanceamento na entrada. Regiões e medidas fictícias.

03 · Rack e redundância

Elevação de dois racks em regiões diferentes, com replicação entre eles e balanceamento na entrada. Regiões e medidas fictícias.

SVG claro SVG escuro

Linguagem do traço

Prancha · escurofundo #002242 · traço #D9DCE0 · destaque #6FA8E6

Papel · clarofundo #F4F4F2 · traço #1A4E89 · destaque #1A4E89

Três pesos de traço. Silhueta 2, aresta 1,25, detalhe 0,8 e anotação 0,7. O olho lê primeiro a forma, depois a construção, por último as cotas.

Ângulos do circuito. Ligações só na horizontal, na vertical e a 45°, terminando em nós em anel: o mesmo desenho do circuito do símbolo.

Pouca cor, muito vazio. Um só destaque por desenho (a constelação, a camada de integração, a replicação), véus leves e espaço livre para as anotações.

Camadas separáveis. Grade, forma, detalhe e cotas são camadas de verdade: acendem uma a uma, desligam e se afastam na vista explodida.

Cota é texto de apoio. Aparece quando é pedida (ponteiro, toque, foco) e é sempre fictícia: símbolos (L, B, T, Ø) no lugar de números de projeto.

Princípios tirados da pesquisa de referências: cartas celestes azimutais, diagramas de arquitetura de sistemas, elevação de racks e a prancha técnica da Clayservice.

Fundos

Fundo de linhas · exemplo

Texto sobre o desenho

O mesmo desenho da prancha vira textura: só o traço, na cor de destaque a 7%, sem cotas nem texto. A leitura não muda.

Tema	Texto na tela	Sobre o fundo
Claro	6,4:1	5,7:1
Escuro	7,6:1	6,8:1

Contraste do texto secundário (o mais fraco da página) sobre a tela e sobre a linha mais forte do fundo: acima de 4,5:1 nos dois temas. Neste manual o fundo aparece na capa, em Constelação e circuitos, neste capítulo e no cartão do kit. Em peças, use só atrás de áreas com pouco texto; nunca atrás do logotipo.

Arquivos

Pasta 15_TECHNICAL-DRAWINGS

3 pranchas em SVG editável (claro e escuro, com camadas nomeadas para Illustrator e Figma) e um PDF com as 3 folhas para impressão.

PDF · 3 pranchas

Nome dos arquivos: Tec-Capital_Technical-Drawing_01-Name_Light_v2.0.svg (nomes de arquivo em inglês). O modo escuro é a prancha na cor de bloco da marca; o claro, o papel.

Regras de uso

Um destaque por desenho: o azul marca uma coisa só (a constelação, a camada de integração, a replicação).

Cotas e nomes são fictícios e vêm rotulados: nenhum cliente, sistema, região ou infraestrutura real.

Nunca desenhe o logotipo nem o símbolo em traço técnico. Quando a peça pede a marca, use o arquivo oficial.

Não mostre dado real: diagrama de cliente só com nomes genéricos; nunca endereço IP, nome de servidor ou print de sistema.

Texto em Caladea. Azonix só no número da folha. Desenho atrás de texto, só como fundo a 7%.

Fotografia · Sistema

Gente real, tecnologia por trás

A Tec Capital ainda não tem banco de fotos próprio. As referências abaixo orientam o ensaio e a escolha de banco de imagens: gente trabalhando de verdade, telas sem dados legíveis, Brasília e o céu como cenário da marca. Elas não representam projetos, clientes ou eventos realizados.

Referências

Equipe em açãoDuas pessoas diante do monitor, luz do dia. Site, proposta e posts de serviço.
JPG

Diagnóstico com o clienteCaderno, café e protótipo na tela. Como trabalhamos.
JPG

Profissional no portalAdvogada consulta o portal no tablet, tela sem dados. Ordo 360 e casos.
JPG

Congresso NacionalAs duas torres, a cúpula e a cuba ao anoitecer. Capas e institucional.
JPG

Cruzeiro do SulCéu do cerrado com o Cruzeiro baixo ao sul. Aberturas e eventos.
JPG

Catedral de BrasíliaAs dezesseis colunas e o vitral na hora azul. Capas e Brasília.
JPG

Atendimento na instituiçãoBalcão claro, pessoa usando o celular. Ordo 360 e casos.
JPG

Na palma da mãoMãos com o celular e um app sem texto. Apps e posts de produto.
JPG

InfraestruturaRack com cabos organizados, luz fria. Segurança e disponibilidade.
JPG

Esplanada dos MinistériosO eixo visto de longe: ministérios, Catedral e Congresso no fim. Institucional.
JPG

EuropaRua de Lisboa com azulejos e escritório moderno. Atuação na Europa.
JPG

Olhar para a cidadeDe costas, na janela, Brasília lá fora. Carreiras e manifesto.
JPG

Textura técnicaFibras ópticas nos azuis da marca. Fundos, capas e slides.
JPG

Palácio do PlanaltoAs colunas de Niemeyer na luz da tarde. Institucional e eventos.
JPG

Plenário vazioBancadas em semicírculo, sem pessoas. Conselhos, eleições e eventos.
JPG

Lago ParanoáA Ponte JK e o lago ao anoitecer. Capas, eventos e redes.
JPG

Imagens ilustrativas: pessoas e lugares não são fotos da equipe nem de clientes da Tec Capital. Toque ou clique na foto para ampliar; cada uma traz o prompt usado e o JPG.

Prompts das referências (TXT)

Direção

Luz

Natural e limpa: escritório com janela, céu de fim de tarde, telas que não ofuscam a cena. Sem neon, sem sala escura cheia de monitores.

Enquadramento

Pessoas trabalhando, de perfil ou de costas; olhando para a câmera, só no retrato da equipe. A tecnologia aparece em uso, nas mãos e nas telas.

Tratamento

Cor natural com contraste moderado; azuis da cena acompanham a paleta. Nunca pinte a foto inteira de azul nem acrescente brilho digital.

Faça e evite

Faça

Equipe trabalhando em escritório claro, telas sem dados legíveis
Atendimento real: balcão, celular, pessoa sendo ajudada
Brasília e o céu: cada monumento no lugar real, entardecer, constelação

Evite

Hacker de capuz, cadeado brilhante e código verde caindo na tela
Globo digital, robô, cérebro de circuitos e aperto de mãos genérico
Dados de inscritos, números de processos, nomes de clientes e telas de sistemas reais legíveis
Logos, brasões e fachadas de instituições sem autorização
Monumentos fora do lugar: Catedral e Congresso lado a lado num quadro fechado

Briefing do ensaio

Cena	O que mostrar	Uso
Equipe	Duas ou três pessoas à mesa, de perfil, monitor com interface abstrata	Site, LinkedIn, proposta
Atendimento	Balcão de instituição, pessoa usando o app no celular	Ordo 360, casos, posts de serviço
Infraestrutura	Detalhe de rack ou cabeamento organizado, luz fria controlada	Segurança, disponibilidade, apresentação
Brasília	Arquitetura da cidade contra o céu, sem pessoas identificáveis	Capas, institucional
Reunião	Diagnóstico com o cliente: mesa, caderno, protótipo na tela	Como trabalhamos, apresentação
Retrato	Cada responsável, fundo neutro, luz de janela	Site, LinkedIn, assinatura

Regras de imagem

Autorização por escrito de quem aparece e do local fotografado.

Sem documentos, telas ou placas legíveis com dados de clientes.

Imagem gerada por IA só como ilustração coerente com a realidade (monumentos no lugar real, sem dados nem logos), nunca como foto da equipe, de cliente ou de operação real.

Sem logos de terceiros em destaque (fornecedores, crachás, telas de sistemas).

Ícones e ilustração · Sistema

Traço único, do servidor ao plenário

Biblioteca própria com 66 ícones de traço, na mesma grade do símbolo, em 5 categorias: tecnologia, instituições, empresas, marca, interface. Toque para copiar o SVG ou baixe o arquivo na cor da marca.

Biblioteca

66 ícones

ServidorTecnologia

NuvemTecnologia

CódigoTecnologia

Banco de dadosTecnologia

IntegraçãoTecnologia

SegurançaTecnologia

ProteçãoTecnologia

ChipTecnologia

AplicativoTecnologia

PortalTecnologia

MonitoramentoTecnologia

AtualizaçãoTecnologia

SuporteTecnologia

InstituiçãoInstituições

JustiçaInstituições

Carteira profissionalInstituições

EleiçãoInstituições

AnuidadeInstituições

CertidãoInstituições

AssembleiaInstituições

TransparênciaInstituições

AtendimentoInstituições

BenefíciosInstituições

CalendárioEmpresas

MaletaEmpresas

AutomaçãoEmpresas

ProcessoEmpresas

GráficoEmpresas

CrescimentoEmpresas

DocumentoEmpresas

ContratoEmpresas

EquipeEmpresas

AlvoEmpresas

DiagnósticoEmpresas

ProtótipoEmpresas

EtapasEmpresas

EstrelaMarca

Cruzeiro do SulMarca

CircuitoMarca

PonteMarca

BrasíliaMarca

GloboMarca

EcossistemaMarca

EntretenimentoMarca

FilantropiaMarca

SustentabilidadeMarca

Clube TECMarca

BaixarInterface

CopiarInterface

LinkInterface

E-mailInterface

TelefoneInterface

WhatsAppInterface

MensagemInterface

LocalInterface

ConfirmarInterface

AlertaInterface

InformaçãoInterface

SetaInterface

MaisInterface

FecharInterface

EditarInterface

CompartilharInterface

MedidaInterface

UsuárioInterface

ConfiguraçõesInterface

Grade e traço

Grade de 24 × 24 com 2 de respiro em volta. Traço de 1,75, pontas e cantos arredondados, sem preenchimento.

Na tela, ícones de 18 a 24 px na cor do texto ou no destaque da marca; na Zuik, 18 px dentro de peças de 44. No kit: no Azul Tec e em grafite e névoa. Ícone novo segue a mesma grade e o mesmo traço.

Exemplo grafite Exemplo névoa

Ilustrações

A instituição

Portal, app e atendimento em volta da instituição: o Ordo 360.

Integrar

O sistema que já existe e o que o inscrito vê, ligados sem trocar o que funciona.

Confiança

Servidor, monitoramento e proteção: a operação contínua.

Pontes

Pessoas e instituições ligadas pela tecnologia, sob o Cruzeiro do Sul.

Cenas montadas com os ícones da biblioteca sobre o circuito: o ícone principal na cor de destaque, os de apoio em cinza. Para uma nova, combine até três ícones.

Gráficos e dados

Chamados por tipo · exemplo

Fonte: dados fictícios de exemplo, só para mostrar o estilo.

Uma cor de destaque: o dado principal no destaque da marca, os demais no mesmo tom mais claro.

Rótulo na ponta da barra, sem legenda separada.

Fonte e período sempre embaixo do gráfico.

Sem 3D, sombra ou pizza com mais de três fatias.

Movimento · Sistema

Preciso como um sinal

O movimento da Tec Capital é o de um sinal que chega: o disco azul abre com uma onda de luz e um cometa dá uma volta desenhando o anel; o traçado de Brasília se desenha como a caneta de um arquiteto (a haste, a barra que forma a cruz, a curva e a asa); um sinal corre nos circuitos e cada nó dá um clarão; as quatro estrelas do Cruzeiro acendem com um brilho, na ordem do céu (Alfa, Beta, Gama e Delta), a cruz da constelação se traça entre elas e some, e o nó cheio do circuito do meio acende por último; depois o letreiro sobe letra a letra, da esquerda para a direita. Tudo chega por caminhos retos, em sequência, e assenta sem tremer: nada de quique, brilho gratuito ou giro sem motivo. As animações foram criadas a partir das partes do arquivo redesenhado do logo.

Revelação do logotipo

Revelação

3 s, termina no logotipo vertical parado. Abertura e fim de vídeo, capa do site.

Etapas: 0 a 0,65 s disco e onda; 0,2 a 1,35 s cometa e anel; 0,55 a 1,55 s haste, barra, curva e asa; 1,1 a 2,6 s circuitos, nós e clarões; 1,45 a 2,85 s estrelas, brilhos e a cruz do Cruzeiro; 1,6 a 2,75 s letreiro, letra a letra.

MP4 16:9 MP4 9:16 MP4 1:1 GIF 480 px

Símbolo animado

Símbolo em loop

4,8 s em loop, 1:1. Avatar animado, abertura de story.

O que se move

No loop, o cometa dá uma volta no anel e entrega o sinal aos circuitos; um pulso de dados corre em cada um até o nó, que dá um clarão; aí as quatro estrelas apagam e reacendem com um brilho, na ordem do Cruzeiro, e a cruz da constelação se traça e some. O ciclo usa a curva Pulso, dura 4,8 s e começa e termina no arquivo parado.

Os vídeos e o GIF abaixo são gerados quadro a quadro desta mesma animação.

MP4 16:9 MP4 9:16 MP4 1:1 GIF 480 px

Carregando

As quatro estrelas acendem em sequência em 1,6 s: um cometa gira em volta do disco e acende cada estrela por onde passa, na ordem do Cruzeiro (Alfa embaixo, Beta, Gama no alto e Delta). Espera em site, formulário e apresentação.

Sem tela de abertura obrigatória: o carregando aparece só enquanto algo carrega de verdade.
Com “reduzir movimento” ativado no sistema, as estrelas ficam acesas e paradas.

MP4 16:9 MP4 9:16 MP4 1:1 GIF 480 px

Exceção do movimento

Cometa, brilho e cruz só em movimento: o cometa, a onda, os clarões, os brilhos das estrelas e a cruz da constelação existem só durante a animação; parado, o símbolo é sempre o do arquivo, sem brilho, rastro nem linha a mais (veja Usos incorretos).

Quadro final é a versão estática: toda animação termina no arquivo oficial do logo, sem nenhum efeito.

Curvas

Toque ou clique numa curva para ver o percurso. O botão “Pausar animações” do topo para todas; com “reduzir movimento” ativado no sistema, elas mostram direto o estado final.

Durações e formatos

Uso	Animação	Formato	Duração
Abertura ou fim de Reels e stories	Revelação 9:16	1080 × 1920	4 s (3 s de animação)
Vídeo horizontal, site, apresentação	Revelação 16:9	1920 × 1080	4 s (3 s de animação)
Post em vídeo, avatar animado	Símbolo em loop 1:1	1080 × 1080 · GIF 480 px	4,8 s em loop
Fundo de tela e de story	Símbolo em loop 16:9 e 9:16	1920 × 1080 · 1080 × 1920	4,8 s em loop
Espera no site e em apresentação	Carregando	1:1, 16:9, 9:16 · GIF 480 px	1,6 s em loop (MP4 com 3 ciclos)

Os MP4 (H.264, 30 quadros por segundo) e os GIF são gerados quadro a quadro destas mesmas animações; nos formatos 16:9 e 9:16 o logo tem o mesmo tamanho do 1:1, com mais fundo. Baixe cada um no card da animação.

Identidade sonora · Sistema

Sistema pronto

O som da Tec Capital é o de um sistema que liga e fica pronto: um único acorde de Ré maior, cheio e luminoso, tocado de uma vez. Ele abre brilhante e logo se acomoda num tom quente, enquanto o logotipo aparece. Curto, fácil de reconhecer e otimista, como a tela que acende e avisa que está tudo funcionando.

0,0 s

Esboço Assinatura de 4,0 s: um acorde de Ré maior, sintetizado, que soa quando o disco do logotipo aparece. Pronta para vídeo e interface depois da aprovação da direção; a versão final pode ser refeita por um profissional de áudio com as mesmas notas e o mesmo gesto.

Por que soa assim

Um acorde, uma vez

Sete notas de Ré maior, do grave ao médio (73 a 370 Hz), soam juntas. Não há melodia para decorar: o som inteiro é o gesto de ligar.

Brilha e se acomoda

O acorde nasce aberto e luminoso e, em meio segundo, o brilho baixa para um timbre quente que sustenta e se apaga devagar, como a luz de uma tela que acende.

Pronto para funcionar

Ré maior soa estável e otimista: diz que o sistema está no ar e que alguém cuida dele. Duas notas que sobem até o Ré são a confirmação; o acorde parado e baixo é o carregando.

Estrutura

O acorde soa com o disco e sustenta enquanto o logotipo se desenha (veja Movimento).

Tempo	Som	Na animação
0,00 s	O acorde de Ré maior soa de uma vez, cheio e brilhante	O disco aparece
0,03 a 0,60 s	O brilho baixa e o timbre esquenta	O cometa começa o anel
0,60 a 2,55 s	O acorde sustenta, quente, e começa a cair	Estrelas, nó Épsilon e letreiro
2,55 a 4,00 s	Cauda longa até o silêncio	Logotipo parado

Confirmação e carregando

O mesmo timbre e o mesmo tom, em versões curtas e mais baixas para a interface.

Confirmação

0,8 s. Duas notas que sobem, do Lá ao Ré, com timbre redondo e um leve deslizar em cada uma, como gotas: um “deu certo” suave e fluido, sem clique. Depois de enviar, salvar ou concluir um pagamento.

WAV 48 kHz MP3

Carregando

3,2 s em loop, dois ciclos da animação: o acorde de Ré maior parado, quente e baixo, que sobe e desce de leve, como um respiro. Sem notas repetidas nem ataques, para não cansar em espera longa.

WAV 48 kHz MP3

O carregando emenda sem clique no WAV. O MP3 ganha alguns milésimos de silêncio no fim de cada volta: para loop em app ou site, use o WAV (ou toque o MP3 pela Web Audio API, recortando a sobra).

Regras de uso

Quando tocar: a assinatura, com a revelação do logotipo, uma vez por vídeo ou apresentação. A confirmação, só depois de uma ação de quem usa. O carregando, só enquanto algo carrega de verdade.

Nunca toque sozinho: nada de som automático ao abrir site, app ou e-mail. Som na tela só depois de um toque ou clique, e com o som ligado pela pessoa.

Volume: assinatura a −16 LUFS integrado, confirmação a −18 e carregando a −26, todos com pico verdadeiro abaixo de −1,5 dBTP (já assim nos arquivos). Sob locução, baixe mais 6 dB.

Não use como trilha de fundo, em alerta de erro ou sobre outra música; não troque as notas, não acelere e não acrescente efeitos.

Acessibilidade: todo som tem botão de silenciar e um equivalente visual (a animação ou a mensagem na tela). Áudio que toca sozinho por mais de 3 s precisa de pausa ou volume próprios (WCAG 1.4.2): o carregando para assim que a espera acaba.

WAV e MP3

WAV 48 kHz MP3

Estéreo, 48 kHz. WAV para edição de vídeo e para o loop; MP3 para uso rápido. Os arquivos da confirmação e do carregando estão nos cards acima.

Digital · Uso e entrega

A marca na tela

Site, apresentação digital e qualquer tela usam a biblioteca de componentes Zuik com a pele do ecossistema: JetBrains Mono na interface, Caladea no texto, os neutros da marca e o destaque #1A4E89 (claro) e #6FA8E6 (escuro) sobre a geometria de bandejas e peças. Este manual é feito com ela: o cabeçalho, o seletor de marca, as abas, a busca e os avisos são os mesmos componentes.

Tema claro e escuro

Tema clarofundo #FAFAFA · bandeja #FAFAFA

ModernizarReúne sistemas antigos, fragmentados ou espalhados num ambiente único e acessível.

IntegrarConecta as ferramentas que já funcionam num só ecossistema, sem trocar o que dá certo.

ConhecerFalar com a equipe

Tema escurofundo grafite · bandeja #2A2A2A

ModernizarReúne sistemas antigos, fragmentados ou espalhados num ambiente único e acessível.

IntegrarConecta as ferramentas que já funcionam num só ecossistema, sem trocar o que dá certo.

ConhecerFalar com a equipe

Toda tela da marca tem os dois temas. Segue o sistema do aparelho e oferece um botão para trocar, lembrado no navegador.

No escuro: fundo grafite, bandejas um tom acima, logotipo negativo. O primário passa para #6FA8E6 com texto grafite.

Bandejas e peças

A regra da Zuik que dá o desenho de toda tela: bandejas flutuando sobre o fundo e, dentro delas, peças em pílula.

ModernizarReúne sistemas antigos, fragmentados ou espalhados num ambiente único e acessível.

IntegrarConecta as ferramentas que já funcionam num só ecossistema, sem trocar o que dá certo.

EvoluirMelhora as soluções continuamente, conforme as necessidades da instituição mudam, em vez de deixá-las paradas no lançamento.

Painel · raio 30 = linha 22 + recuo 8

Fale conoscoAgenda

Barra · 54 de altura, raio 27 = peça 22 + recuo 5

E-mail de trabalho

Peça · o campo tem 44 de altura e o ícone 18: sobram 26, então o ícone fica a 13 da borda em cima, embaixo e na ponta. Acima, o mesmo campo ampliado 2×; abaixo, no tamanho real.

Bandeja guarda peças. Só a bandeja tem sombra; peças são chapadas e sem borda.

Raio de fora = raio de dentro + recuo. Nada de raios soltos como 8, 12 ou 16.

Monocromático primeiro. Um único destaque por bandeja: o botão principal.

Ação longa mostra progresso real; ação destrutiva pede segurar para confirmar.