Manual de Identidade Visual · v2.0

Tech Royer
Brand Book

Os padrões visuais e de comunicação da Tech Royer — Tecnologia & Inovação. Este manual parte do logo oficial e vale para o site, a plataforma da escola, redes sociais, materiais de curso e impressos.

Versão 2.0 · outubro de 2026Novo Progresso — PASubstitui o Brand Book v1.0

01 — Identidade

Logo oficial

O logo une um símbolo circular — mãos que acolhem um cérebro, envolvidas por um anel e pelo movimento azul — ao nome TECH ROYER em letras condensadas e fortes, com a assinatura TECNOLOGIA & INOVAÇÃO. Ele é a fonte de todas as cores e formas deste manual.

AnelPreto Royer. Representa a escola como um ambiente completo, que acompanha o aluno do início ao fim.
Movimento azulAzul Royer. A evolução, o avanço da tecnologia e a transformação de carreiras.
CérebroAzul Royer. Conhecimento, raciocínio e inteligência — inclusive a artificial.
MãosPreto Royer. O cuidado de ensinar: conhecimento entregue de mão em mão.
Nome e assinatura"TECH ROYER" em caixa alta condensada e "TECNOLOGIA & INOVAÇÃO" como assinatura.

Versões

PrincipalFundos brancos e claros. Use sempre que possível.

NegativaToda em branco, para fundos escuros, azuis ou fotos escurecidas.

MonocromáticaToda em preto: carimbos, gravação a laser, impressão em 1 cor.

SímboloQuando o nome já aparece por perto ou o espaço é quadrado.

Símbolo negativoSobre o Azul Royer ou fundos escuros.

Ícone do app e faviconSímbolo sobre fundo branco. Usado no navegador e no app instalado.

Área de proteção e tamanho mínimo

x = altura das letras de “TECH ROYER”

Mantenha ao redor do logo um espaço livre igual a x — a altura das letras de “TECH ROYER”. Textos, bordas e outras imagens não entram nessa área.

Versão	Digital	Impresso
Logo horizontal	`140 px` de largura	`35 mm` de largura
Símbolo	`32 px`	`10 mm`
Assinatura legível	`220 px` ou mais	`50 mm` ou mais

Abaixo de 220 px a frase “Tecnologia & Inovação” fica pequena demais: prefira o símbolo.

Regras de uso

✓ Use assim

Versão principal em fundos brancos e claros
Versão negativa em fundos escuros e no Azul Royer
Símbolo no favicon, avatar e ícone do app
Sempre com a área de proteção e proporção original
Sempre o arquivo oficial do sistema (nunca redesenhar)

✗ Nunca faça

Esticar, achatar ou girar o logo
Trocar as cores ou aplicar degradê
Adicionar sombra, contorno, brilho ou 3D
Colocar sobre fotos sem contraste
Usar o logo antigo (cérebro roxo/ciano ou “Escola de Tecnologia”)

✗ Distorcido

✗ Outras cores

✗ Com sombra

✗ Sem contraste

02 — Cores

Paleta de cores

As cores principais saem direto do logo: o Azul Royer do movimento e do cérebro e o Preto Royer do anel e das mãos. Os neutros garantem leitura confortável. Toque em “Copiar” para copiar o código.

Cores do logo

Azul Royer#094E9BRGB 9 78 155 · Cor principal: logo, botões, links, destaques

Preto Royer#000000RGB 0 0 0 · Exclusivo do logo e de peças em 1 cor

Azul Profundo#063160Hover de botões e seções de impacto

Azul Noite#042243Fundos escuros, rodapé, capa de materiais

Apoio e neutros

Azul Claro#78AAE3Destaques sobre fundos escuros

Grafite#111111Títulos e textos de destaque

Chumbo#4A4F5ACorpo de texto

Cinza Texto#64748BLegendas, rótulos, informações secundárias

Gelo#F4F6FASeções alternadas e cartões

Cinza Borda#E2E8F0Bordas e divisores

Branco#FFFFFFFundo principal

Azul Névoa#EDF4FCSelos, etiquetas e fundos suaves

Escala do Azul Royer

50
#EDF4FC

100
#D7E7F9

200
#AFCFF4

300
#78AAE3

400
#3480D5

500 ★
#094E9B

600
#073F7D

700
#063160

800
#042243

900
#03162B

Combinações aprovadas (contraste WCAG)

Aa Azul RoyerBranco sobre Azul Royer · 8,2:1 · AAA

Aa Azul NoiteAzul 200 sobre Azul Noite · 9,9:1 · AAA

Aa NévoaAzul 600 sobre Azul Névoa · 9,4:1 · AAA

Aa GeloGrafite sobre Gelo · 17,5:1 · AAA

Evite: Azul 400 com texto branco em letras pequenas (3,9:1) e Azul Royer sobre Azul Noite.

03 — Tipografia

Sistema tipográfico

Barlow Condensed conversa com as letras condensadas e pesadas de “TECH ROYER” e assina títulos e chamadas. Barlow, da mesma família, cuida dos textos e da interface. Ambas são gratuitas no Google Fonts.

Barlow Condensed — títulos e impacto

Tecnologia que
transforma carreiras

SemiBold 600Bold 700ExtraBold 800Black 900

Barlow — textos e interface

A Tech Royer é uma escola de tecnologia de Novo Progresso. Formamos profissionais para o mercado de trabalho com aulas práticas, professores próximos e conteúdo atualizado.

Light 300Regular 400SemiBold 600Bold 700

Hierarquia

H1 · Barlow Condensed 900 · 48–88 px · caixa altaTítulo principal

H2 · Barlow Condensed 900 · 34–56 px · caixa altaTítulo de seção

H3 · Barlow Condensed 800 · 22–28 pxTítulo de cartão

Corpo · Barlow 400 · 16–18 px · entrelinha 1,65Texto corrido para parágrafos e descrições.

Rótulo · Barlow 700 · 12 px · caixa alta · espaçadoCategoria · Módulo · Data

Assinatura “TECNOLOGIA & INOVAÇÃO”: sempre em caixa alta, com “&”. Nos textos, escreva “Tech Royer” (nunca “TechRoyer” ou “Tech-Royer”).

04 — Comunicação

Voz e tom

A Tech Royer fala como um professor experiente e próximo: direto, confiante e encorajador. Nunca arrogante, nunca genérico.

DiretaVai ao ponto, com frases curtas e verbos de ação.

ConfianteMostra resultado e prática, não promessa vaga.

PróximaFala com o aluno, não para o aluno. Usa “você”.

LocalOrgulho de Novo Progresso e da Amazônia.

✓ A Tech Royer diz

Aprenda na prática, comece hoje.
Tecnologia & inovação ao alcance de quem quer crescer.
Formação rápida, focada no mercado real.
Você é capaz. A gente te mostra como.
Da Amazônia para o mundo digital.

✗ Evite

Clichês: revolucionário, disruptivo
Linguagem formal ou acadêmica demais
Jargão técnico sem explicação
Promessas vagas: “mude sua vida”, “carreira garantida”
Erros de português e textos descuidados

✗ Antes“Buscamos capacitar nossos discentes com ferramentas disruptivas que os habilitarão a atuar de forma proativa no mercado.”

✓ Depois“Aprenda as ferramentas que o mercado usa agora e saia do curso pronto para trabalhar.”

05 — Interface

Componentes

Site, Área do Aluno e Painel da Escola usam os mesmos componentes. No celular, toda área de toque tem no mínimo 44 px e os botões ocupam a largura toda.

Quero me matricular Ver cursosPrimário · Secundário

Quero me matricular Ver cursosEm fundo escuro

Selos e cartão de curso

Social MediaDesign GráficoIA na Prática

Social Media

Social MedIA Expert

42 h · Presencial + online

Medidas

Token	Valor	Uso
`espaco-xs`	4 px	Ícone e texto
`espaco-sm`	8 px	Selos
`espaco-md`	16 px	Entre elementos
`espaco-lg`	24 px	Dentro de cartões
`espaco-xl`	40 px	Entre cartões
`espaco-2xl`	80 px	Entre seções
`raio`	12 / 18 / 999 px	Botões / cartões / selos

06 — Aplicações

A marca no dia a dia

O logo, o ícone e os contatos do site vêm de um só lugar (Configurações do sistema). Trocou lá, muda no site inteiro, na Área do Aluno e no Painel da Escola.

Tech Royer
Ícone do app no celular e favicon do site

@techroyer
Foto de perfil: símbolo sobre branco

Equipe Tech Royer
WhatsApp (93) 98103-6228
techroyer.com.br

07 — Arquivos