Forward through technology — technology is not the destination, it's how we move forward.
Este manual define o símbolo, os lockups, as cores, a tipografia e as regras de uso da marca fael.tech.
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
Com círculo — símbolo isolado, favicon, app icon e lockups verticais
Sem círculo — ao lado do wordmark, nos lockups horizontais
Sobre fundos escuros o símbolo muda para #2DD4BF
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, e sem círculo, mais leve, para acompanhar o wordmark nos lockups horizontais.
A geometria é toda em planos retos e ângulos precisos — o oposto da curva orgânica da identidade
anterior. 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.techForward 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
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.techWordmark — IBM Plex Sans 700, minúsculas, tracking -0.025em, .tech em teal
Títulos e interfaceIBM Plex Sans 400–700, sentence case — nunca title case
FORWARD THROUGH TECHNOLOGY · $ deploy --prodJetBrains 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
assets/faeltech-mark.svg
Ponteiro sem círculo, teal — lockups horizontais em fundo claro
assets/faeltech-mark-dark.svg
Ponteiro sem círculo, #2DD4BF — lockups horizontais em fundos escuros
assets/faeltech-mark-ink.svg
Ponteiro sem círculo, 1 cor tinta — impressão, carimbo
assets/faeltech-mark-white.svg
Ponteiro sem círculo, branco — sobre foto ou teal chapado
assets/faeltech-mark-circle.svg
Ponteiro com círculo, teal — símbolo isolado e lockups verticais
assets/faeltech-mark-circle-dark.svg
Ponteiro com círculo, #2DD4BF — fundos escuros
assets/faeltech-mark-circle-white.svg
Ponteiro com círculo, branco — sobre foto ou teal chapado
assets/faeltech-favicon.svg
Ponteiro com círculo — favicon ≤ 32px
assets/faeltech-app-icon.svg
App icon 512×512 — tinta + ponteiro com círculo em teal claro
tokens.css
Tokens de marca — escala teal, neutros, liquid glass (.ft-glass), fontes