Manual da marca · versão 1.0 · 01/11/2026

Tec Capital

Pontes entre pessoas e tecnologia. C · Proposta

A marca-mãe da Tec Capital: a empresa de Brasília que cuida da 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: 1.0 · 01/11/2026 · primeira edição
Kit: 255 arquivos · ZIP 6,2 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

Dentro do círculo, o traçado de Brasília abre espaço para o Cruzeiro do Sul; os circuitos chegam de fora e se ligam às estrelas. O caminho, a conexão e a origem: tudo num desenho só. Assume a tecnologia de instituições de classe e de empresas: moderniza o que existe, integra o que está solto e continua cuidando depois da entrega.

Atributo

Responsável

Assume a tecnologia do cliente e responde por ela depois da entrega: 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”; as quatro frentes são programas da marca.

Tec CapitalTecnologia para instituições e empresas Ordo 360Instituições de classe · no ar Apta 360Empresas e profissionais liberais · em breve FrentesEntretenimento · Filantropia · Sustentabilidade · Clube TEC

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

Mantém as soluções atualizadas o tempo todo, em vez de deixá-las paradas depois da entrega.

Confiança

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

Fatos

Item	Dado
Empresa	Tec Capital Tecnologia da Informação Ltda, fundada em Brasília em 2019 por Lucas Macedo (CEO) e Davi Andrade (CTO).
Origem	Nasceu atendendo a OAB. Os clientes citados no site são instituições de classe; 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), além da frente sob demanda.
Atuação	Brasil e Europa. Infraestrutura declarada no Brasil e na Alemanha.
Frentes de cultura	Entretenimento, Filantropia, Sustentabilidade e Clube TEC (do manual de 2020; continuam ativas, segundo a entrevista do projeto).

Fonte: Site tec.capital e página Quem somos (01/11/2026), manual de 2020 e entrevista do projeto. 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, 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

As versões de uma cor têm o interior do símbolo preenchido (a marca não tem versão vazada). 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.

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

160 px

112 px

80 px · mínimo

49 px · use o símbolo

Horizontal: mínimo 80 px na tela e 20 mm impresso. Em linha: 110 px e 28 mm. Vertical: 90 px e 21 mm. Símbolo: 24 px e 7 mm. 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.

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.

SVG azul

Texto da peça
vem por cima

10%

Fundo claro: relatório, proposta, certificado.

SVG positivo

Texto da peça
vem por cima

8%

Atrás de título grande sobre grafite.

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

AvatarCírculo, 1080 px

Ícone de app180 e 512 px

Favicon32 e 64 px

Mínimo24 px · 7 mm

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 chega à quinta estrela, a menor 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). Não existe versão vazada aprovada: para carimbo e gravação em uma cor, 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: Azonix para títulos curtos em caixa alta, Caladea (no lugar da Cambria) para o texto, JetBrains Mono para rótulos e dados e Ocean só no TEC do logotipo.

Famílias

Azonix · títulos de destaque

PONTES 360

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

Títulos de destaque e de capítulo, 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. Não tem acentos: desenha Ç como C e Ã como A, então escolha títulos sem acento ou use a Caladea 700. Nunca em parágrafo nem abaixo de 14 px.

Caladea · texto e subtítulos

Aa 0123

400700Itálico

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

Texto corrido, subtítulos e documentos. 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 e legendas. A voz técnica da marca.

Ocean · o TEC do logotipo

TEC 360

300500700

O TEC fino do logotipo: desenho fixo do arquivo do logo. Não é fonte de uso em texto, título nem rótulo.

Limite: Fica só no logotipo; para texto, use Caladea, Azonix ou JetBrains Mono.

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	Modernizar sem trocar o que funciona	Caladea 700 · 28/34	Título de seção.
subtitulo	Portal, app e atendimento para a instituição	Caladea 400 · 20/28	Linha fina, abertura de parágrafo.
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: Caladea 700, 36 px · Destaque: Azonix, caixa alta · 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 antes de ir para o site.

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 de circuito na base. Para avisos e conteúdo do dia a dia.

SVG PNG

Média

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

SVG PNG

Expressiva

Título de destaque em Azonix e o circuito forte. 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

Medidas tiradas do SVG do símbolo: os traços têm a mesma espessura e o mesmo passo, sobem e descem só a 45° e terminam em nós em anel. 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 faixa desliza devagar, um período a cada 12 s, em loop perfeito: o dado que passa pelo circuito. Em tela, nunca mais rápido que isso.

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 cinco estrelas na posição do símbolo. Não acrescente estrelas, 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 e o perfil do horizonte da cidade. — **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_v1.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 são imagens fictícias geradas por IA, feitas para orientar 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

Referência ilustrada · fictícia

Equipe em ação

Duas pessoas de perfil diante de um monitor com interface abstrata, luz do dia. Para posts de serviço, site e proposta.

Referência ilustrada · fictícia

A instituição atendida

Balcão de atendimento claro, pessoa usando o celular, sem logos de terceiros. Para Ordo 360 e casos.

Referência ilustrada · fictícia

Brasília ao entardecer

Linhas da arquitetura de Brasília contra o céu azul-noite, sem pessoas identificáveis. Para capas e institucional.

As três imagens são ilustrações feitas para este manual, não fotos reais: orientam o ensaio e a escolha de banco de imagens.

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: linhas da cidade, 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

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, sempre identificada, nunca como foto 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 64 í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

64 í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

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 aparece e uma varredura de uma volta desenha o anel e o traçado de Brasília; os circuitos saem do anel e são traçados até os nós; as quatro estrelas do Cruzeiro acendem na ordem do céu (Alfa, Beta, Gama e Delta) e o nó do circuito do meio, a Intrometida, 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

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

Etapas: 0 a 0,7 s disco; 0,1 a 1,1 s varredura do anel; 0,5 a 1,8 s circuitos e nós; 0,8 a 1,8 s estrelas; 1,25 a 2,4 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.

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

O que se move

No loop, um pulso de dados corre em cada circuito, da borda até o nó; quando chega à Intrometida, as quatro estrelas apagam e reacendem na ordem do Cruzeiro. O ciclo usa a curva Pulso, dura 4,8 s e começa e termina no arquivo parado.

Os vídeos e o GIF estão no card ao lado, gerados quadro a quadro desta mesma animação.

Carregando

As quatro estrelas acendem em sequência em 1,6 s, em roda, na ordem do Cruzeiro: Alfa embaixo, Beta, Gama no alto e Delta. Espera em site, formulário e apresentação.

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

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.

Exceção do movimento

Estrela gira só em movimento: as estrelas giram um sétimo de volta ao acender na revelação e piscam no loop e no carregando; parado, o símbolo é sempre o do arquivo, sem brilho nem estrela fora do lugar (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	3,6 s (2,4 s de animação)
Vídeo horizontal, site, apresentação	Revelação 16:9	1920 × 1080	3,6 s (2,4 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

Constelação acendendo

Esboço da assinatura sonora: Um pulso curto de circuito abre; cinco notas claras acendem uma a uma, como as estrelas do Cruzeiro do Sul, e fecham num acorde aberto.

0,0 s

Esboço Sintetizado para orientar a produção com um músico. Não use em anúncio antes da versão final.

Estrutura

0,0 sPulso do circuito

0,35 sAs estrelas acendem: cinco notas

1,2 sAcorde aberto

2,6 sFim

Regras de uso

Quando tocar: abertura ou fim de vídeos, junto da revelação do logotipo. Uma vez por vídeo.

Volume: −16 LUFS integrado e pico de −1,5 dBTP (já normalizado no MP3). Sempre abaixo da voz.

Não use como música de espera, em loop ou competindo com trilha.

Esboço: a versão final deve ser gravada ou refeita por um profissional de áudio.

WAV e MP3

WAV 48 kHz MP3

WAV para edição de vídeo; MP3 para uso rápido.

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: Caladea, 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.

EvoluirMantém as soluções atualizadas o tempo todo, em vez de deixá-las paradas depois da entrega.

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.