fael.tech
Símbolo fael.tech

fael.tech

Manual da identidade visual · v3.0

Forward through technology — technology is not the destination, it's how we move forward.
Consulte o símbolo, os lockups, as cores, a tipografia e as regras de uso da marca fael.tech — e baixe diretamente os assets oficiais de cada seção.

Ver assets do kit Abrir manual imprimível
01

Conceito

A marca nasce da filosofia Forward through technology: tecnologia não como destino, mas como o meio pelo qual ideias, produtos e organizações avançam. O símbolo representa a capacidade de compreender contextos complexos, encontrar uma direção e transformar intenção em movimento.

  • O ponteiro — ação e interação: a forma remete a um ponteiro de mouse, o elemento que seleciona, cria, conecta e transforma intenção em ação no ambiente digital.
  • As letras F e T — autoria e identidade: as iniciais de fael.tech estão incorporadas à construção do símbolo, podendo também ser lidas como Forward Through Technology.
  • A nave — exploração e inovação: o símbolo pode ser percebido como uma nave atravessando uma órbita, representando curiosidade e disposição para explorar novas possibilidades.
  • A trajetória ascendente — progresso: a orientação para a frente e para cima comunica evolução, ambição e construção de resultados — sem apontar para um destino fixo.
  • O círculo — contexto e órbita: representa o ambiente em que a tecnologia opera (produtos, organizações, pessoas, sistemas). Quando o símbolo atravessa esse campo, comunica transformação.
  • Símbolo sem círculo — ação em curso: mais direto e dinâmico, usado quando o contexto já é fornecido pelo wordmark.

Essência da marca

Três ideias centrais estruturam a fael.tech:

Direction

Tecnologia precisa estar conectada a uma intenção — compreender o problema e o resultado desejado antes de construir.

Motion

Conhecimento precisa gerar movimento — estratégia, arquitetura, design e engenharia transformando ideias em algo concreto.

Impact

Movimento tecnológico só tem valor quando produz transformação real — melhores produtos, organizações e experiências.

Assinatura secundária, usada em apresentações e conteúdos institucionais: Direction. Motion. Impact.

02

Símbolo

Símbolo fael.tech com círculo
Com círculo — símbolo isolado, favicon, app icon e lockups verticais
Símbolo fael.tech sem círculo
Sem círculo — ao lado do wordmark, nos lockups horizontais
Símbolo fael.tech com círculo, versão para fundos escuros
Sobre fundos escuros o símbolo muda para #2DD4BF
Símbolo fael.tech sem círculo, versão para fundos escuros
Versão sem círculo para fundos escuros

Construção

Duas composições do mesmo ponteiro (grade 400×400): com círculo, para usos autônomos e verticais — o símbolo cruzando sua órbita — e sem círculo, mais leve, para acompanhar o wordmark nos lockups horizontais. A geometria é toda em planos retos e ângulos precisos. Sem gradientes, sem contornos, sem sombras.

03

Lockups

fael.tech
Lockup horizontal — o padrão. Ponteiro sem círculo à esquerda, altura ≈ 1,1× a altura da caixa-x do wordmark.
fael.tech
Versão para fundos escuros — texto em papel, símbolo e .tech em teal claro.
fael.tech Forward through technology
Lockup vertical com círculo — capas, aberturas de apresentação, assinaturas.
fael.tech
1 cor (tinta) — carimbo, relevo, impressão monocromática. Sem o .tech em teal.

Área de proteção

fael.tech

Mantenha ao redor do lockup um espaço livre igual à metade da altura do símbolo em todos os lados. Nada entra nessa área — texto, bordas ou outros logos.

04

Ícone e favicon

96px
48px
24px
16px
App icon 512×512 app icon 512
Sempre use a versão com círculo para favicon e app icon — o contorno ancora o ponteiro e mantém o símbolo legível em qualquer tamanho. O app icon usa tinta #111827, raio 96/512 e símbolo em #2DD4BF.
05

Cores

A paleta evolui de duas cores de marca para uma escala teal de profundidade — da base mais escura da trajetória (900) ao detalhe luminoso (100). O 700 continua sendo a cor da marca em fundos claros; o 300, em fundos escuros.

Teal 900 — profundidade
#042F2E
Teal 700 — marca
#0F766E
Teal 500 — interação
#14B8A6
Teal 300 — marca dark
#2DD4BF
Teal 100 — detalhe
#5EEAD4

Neutros

Tinta
#111827
Papel
#F7F8F5
Superfície
#FFFFFF
Superfície suave
#EEF2ED

Uma cor de marca por aplicação. O símbolo é sempre chapado — gradientes e transparência pertencem às superfícies (seção 06), nunca à marca em si.

06

Liquid glass — o ambiente por onde o símbolo atravessa

Na identidade digital, a camada liquid glass representa o ambiente tecnológico em constante mudança: ferramentas, tendências, interfaces e plataformas que se transformam continuamente — superfícies translúcidas, desfocadas e levemente tingidas de teal (painéis, docks, overlays, cards flutuantes). O símbolo nunca é de vidro: ele atravessa o ambiente, mas permanece sólido e nítido. O ambiente muda. A direção permanece clara.

fael.tech
Painel glass sobre o fundo de profundidade (--ft-depth-bg) — o único gradiente da identidade, sempre atrás do vidro.
fael.tech
Vidro sobre claro — barra ou card flutuante com .ft-glass; o desfoque revela o conteúdo por trás.

Regras do vidro

  • Símbolo sólido, campo translúcido — vidro só em contêineres e superfícies; o ponteiro e o wordmark nunca recebem transparência ou desfoque.
  • Tingimento teal sutil — o vidro carrega --ft-glass-tint (teal a 12%); nunca vidro cinza neutro nem colorido de outra família.
  • Um nível de vidro por composição — sem vidro sobre vidro; a hierarquia vem do conteúdo, não do empilhamento de camadas.
  • Contraste garantido — texto sobre vidro segue os mesmos mínimos de legibilidade (tinta sobre claro, papel/teal 100 sobre escuro).
  • Impresso é sólido — liquid glass é um comportamento de tela; em papel, use as versões chapadas da seção 03.
07

Tipografia

fael.tech Wordmark — IBM Plex Sans 700, minúsculas, tracking -0.025em, .tech em teal
Títulos e interface IBM Plex Sans 400–700, sentence case — nunca title case
FORWARD THROUGH TECHNOLOGY · $ deploy --prod JetBrains Mono — tagline, eyebrows uppercase (tracking 0.06em), comandos e literais técnicos
08

Usos incorretos

Não rotacione o símbolo
Não aplique gradientes no símbolo — gradiente só no fundo de profundidade, atrás do vidro
Não recolore o círculo e o ponteiro com cores diferentes — são sempre uma cor só
Não distorça as proporções
Não use com baixo contraste — sobre teal, use a versão branca
Não aplique sombras coloridas ou brilhos
09

Assets do kit

faeltech-mark.svg Ponteiro sem círculo, teal — lockups horizontais em fundo claro ⬇ baixar
faeltech-mark-dark.svg Ponteiro sem círculo, #2DD4BF — lockups horizontais em fundos escuros ⬇ baixar
faeltech-mark-ink.svg Ponteiro sem círculo, 1 cor tinta — impressão, carimbo ⬇ baixar
faeltech-mark-white.svg Ponteiro sem círculo, branco — sobre foto ou teal chapado ⬇ baixar
faeltech-mark-circle.svg Ponteiro com círculo, teal — símbolo isolado e lockups verticais ⬇ baixar
faeltech-mark-circle-dark.svg Ponteiro com círculo, #2DD4BF — fundos escuros ⬇ baixar
faeltech-mark-circle-white.svg Ponteiro com círculo, branco — sobre foto ou teal chapado ⬇ baixar
faeltech-favicon.svg Ponteiro com círculo — favicon ≤ 32px ⬇ baixar
faeltech-app-icon.svg App icon 512×512 — tinta + ponteiro com círculo em teal claro ⬇ baixar
tokens.css Tokens de marca — escala teal, neutros, liquid glass (.ft-glass), fontes ⬇ baixar

Lockup em HTML — copie e cole

<!-- requer brand/tokens.css (carrega IBM Plex Sans) --> <link rel="stylesheet" href="brand/tokens.css"> <div style="display:flex;align-items:center;gap:14px"> <img src="brand/assets/faeltech-mark.svg" height="46" alt="fael.tech"> <span style="font:700 30px var(--ft-font-sans);letter-spacing:var(--ft-tracking-tight)"> fael<span style="color:var(--ft-teal)">.tech</span> </span> </div>

Para a especificação completa e imprimível, consulte o manual de identidade visual original.