Manual de Identidade Visual

TECH
ROYER

Escola de Tecnologia

Este documento define os padrões visuais e comunicativos da marca Tech Royer. Siga estas diretrizes para garantir consistência em todos os canais.

Brand Book v1.0 — Novo Progresso, PA
01 — Identidade

Logo & Símbolo

O logo da Tech Royer combina um símbolo circular — representando conhecimento, tecnologia e evolução — com tipografia forte e direta.

TECH ROYER ESCOLA DE TECNOLOGIA

Versão Principal

Fundos brancos e claros

TECH ROYER ESCOLA DE TECNOLOGIA

Versão Negativa

Fundos escuros e azul-marinha

Símbolo Isolado

Favicon, ícone, avatar

Área de proteção

Mantenha ao redor do logo um espaço livre equivalente à altura da letra "R". Nenhum elemento pode entrar nessa zona.

espaço mínimo = altura do "R" TECH ROYER ESCOLA DE TECNOLOGIA
Regras de uso do logo
USE ASSIM
  • Versão colorida em fundos brancos e claros
  • Versão negativa (branco) em fundos escuros
  • Símbolo isolado para favicon e avatar
  • Respeitando sempre a área de proteção
NUNCA FAÇA
  • Distorcer ou alterar as proporções do logo
  • Aplicar sombras, filtros ou efeitos 3D
  • Mudar as cores originais da marca
  • Sobrepor em fotos sem contraste suficiente
02 — Identidade Visual

Paleta de Cores

A identidade cromática é construída sobre o Azul Royal — confiança, profissionalismo e tecnologia — complementado por neutros que garantem legibilidade e elegância.

Cores primárias
Azul Royal
#1A56C4
Cor dominante — CTA, links
Azul Profundo
#0F3A8C
Hover, seções de impacto
Preto Logo
#111111
Títulos H1, H2
Chumbo
#4A4F5A
Corpo de texto
Cores neutras
Branco Puro
#FFFFFF
Fundo principal
Gelo
#F4F6FA
Seções alternadas, cards
Cinza Borda
#E2E8F0
Bordas e divisores
Cinza Texto
#64748B
Subtítulos, labels
Escala tonal — Azul Tech Royer

Passe o mouse para ampliar cada tom.

50
100
200
300
400
500
600
700
800
← Mais claro (badges, fundos) Mais escuro (impacto, rodapé) →
Combinações de contraste aprovadas
Texto branco
Azul Royal + #FFFFFF
Texto escuro
Azul-50 + Azul-600
Texto preto
Gelo + Preto Logo
Texto claro
Azul-800 + Azul-200
03 — Tipografia

Sistema Tipográfico

Barlow Condensed para títulos e impacto. Barlow para textos e interface. As duas famílias são do mesmo projeto tipográfico — combinam naturalmente.

Barlow Condensed — Display / Títulos

'Barlow Condensed', sans-serif

Tecnologia que
transforma vidas

Cursos Profissionalizantes · Novo Progresso, PA

Light 300 Bold 700 Black 900

Barlow — Body / Interface

'Barlow', sans-serif

A Tech Royer é uma escola de cursos profissionalizantes focada em tecnologia, design e marketing digital. Formamos profissionais prontos para o mercado de trabalho com metodologia prática e atualizada.

Light 300 Regular 400 SemiBold 600 Bold 700
Escala tipográfica — Hierarquia
H1 — Barlow Condensed 900 / 52–80px

Título Hero

H2 — Barlow Condensed 900 / 36–48px

Título Seção

H3 — Barlow 700 / 22–28px

Título de Card

H4 — Barlow 700 / 16–18px

Título de Componente

Body — Barlow 400 / 15–17px / line-height 1.7

Texto corrido para parágrafos e descrições. Leitura confortável com espaçamento generoso entre linhas.

Label — Barlow 700 / 12px / uppercase / tracking

Categoria · Módulo · Data de Publicação

04 — Comunicação

Voz & Tom da Marca

A Tech Royer fala como um mentor experiente e acessível — direto, confiante e encorajador. Nunca arrogante, nunca genérico.

01

Direto

Vai ao ponto. Sem rodeios nem burocracia.

02

Confiante

Afirma com convicção. Demonstra expertise.

03

Acessível

Fala com o aluno, não para o aluno.

04

Local

Orgulho de Novo Progresso e da Amazônia.

✓ A Tech Royer diz

Linguagem aprovada

  • Aprenda na prática, comece hoje.
  • Certificado reconhecido. Carreira garantida.
  • Formação rápida e focada no mercado real.
  • Você é capaz. A gente te prova isso.
  • Tecnologia ao alcance de quem quer crescer.
  • Da Amazônia para o mundo digital.
✗ Evite sempre

Linguagem proibida

  • Revolucionário, disruptivo, inovador (clichê)
  • Linguagem excessivamente formal / acadêmica
  • Jargão técnico sem contexto para o leigo
  • Promessas vagas: "mude sua vida"
  • Tom corporativo frio e impessoal
  • Erros de português ou linguagem descuidada
Exemplo antes e depois
❌ Antes
"Buscamos capacitar os nossos discentes com ferramentas disruptivas que os habilitarão a atuar de forma proativa no mercado de trabalho."
✓ Depois
"Aprenda as ferramentas que o mercado usa agora. Saia do curso pronto para trabalhar."
05 — Interface

Componentes

Todos os elementos de interface seguem o mesmo sistema visual. Consistência entre páginas é obrigatória.

Botão primário · Botão secundário
Botão primário · Ghost — fundo escuro
Social Media Design Gráfico IA Corporativa
Badges — categorias de cursos
Social Media
Gestão de Redes Sociais

3 meses · Presencial + EAD

Card de curso padrão
Sistema de espaçamento
TokenValorUsoVisual
--tr-space-xs4pxGap ícone/label, microespaços
--tr-space-sm8pxPadding interno de badges
--tr-space-md16pxGap padrão entre elementos
--tr-space-lg24pxPadding interno de cards
--tr-space-xl40pxGap entre cards, padding menor
--tr-space-2xl80pxPadding vertical de seções