01 —
Autoridade
Marinho, hierarquia firme e informação organizada. Confiança construída com rigor e clareza.
TechStack Club / Brand book
Uma identidade forte.
Uma direção clara.
Tecnologia, desenvolvimento profissional e evolução com propósito. Uma marca construída para transmitir autoridade e ser reconhecida em cada interação.
Explorar os arquivos01 Autoridade02 Modernidade03 Reconhecimento04 Escalabilidade
01 / ESSÊNCIA
A marca por trás da evolução.
O TechStack Club transforma avaliação em direção: ajuda profissionais de tecnologia a entender seu posicionamento, identificar lacunas e organizar seus próximos passos.
02 —
Modernidade
Outfit, formas geométricas e interfaces objetivas. Uma presença próxima de tecnologia e produto digital.
03 —
Reconhecimento
O monograma TSC e o azul consistente formam uma assinatura memorável em diferentes contextos.
04 —
Escalabilidade
Tokens e componentes preservam a identidade da primeira tela às próximas fases do produto.
“A força da marca está na consistência: marinho estrutura, cinza claro oferece respiro e azul concentra ação.”
02 / SISTEMA VISUAL
Três cores. Uma assinatura.
Cada cor tem um papel. Os neutros sustentam a leitura; o azul dá direção e torna a marca reconhecível.
Azul TechStack
Ação, seleção e reconhecimento. Reservado aos momentos de maior relevância.
Marinho
Autoridade e estrutura. Base para títulos, texto e ambientes escuros.
Cinza claro
Respiro e equilíbrio. Canvas claro e conteúdo sobre superfícies escuras.
Contraste faz parte da identidade. Use branco sobre botões azuis. Em fundo marinho, links pequenos usam azul claro; o azul principal não deve ser usado como texto pequeno nesse contexto.
03 / TIPOGRAFIA
Uma voz contemporânea.
Google Fonts / Família principal
Outfit
Aa Bb Cc Dd Ee Ff Gg
0123456789
0123456789
RegularMediumSemiboldBold
A construção geométrica da Outfit aproxima a marca do universo de tecnologia. Tamanho, peso e espaço criam hierarquia sem misturar famílias tipográficas.
DISPLAY · 700
Seu próximo passo começa com clareza.
TÍTULO · 600
Uma trilha alinhada ao seu momento.
CORPO · 400
Ver Outfit no Google Fonts ↗Entenda suas competências, identifique oportunidades de desenvolvimento e organize sua evolução.
04 / MARCA E ARQUIVOS
O mesmo desenho. O contexto certo.
A assinatura completa apresenta a marca. A versão compacta facilita reconhecimento em espaços pequenos. Preserve sempre a geometria dos arquivos.
Versões prontas para a paleta atual. As prévias e os downloads principais preservam o desenho e normalizam as cores dos anexos: #3a5faa → #2563eb, #0f1724 → #0f172a e #e3e8f1 → #e2e8f0. Os originais também estão disponíveis em cada card. O kit contém as versões normalizadas e o guia .md.
Sua evolução, em perspectiva.
Continuar trilhaReconheça suas competências.
Escolha sua direção.
A assinatura clara mantém presença e legibilidade sobre o marinho.
Aplicar com consistência
- Versão RGB sobre fundos claros; versão clara sobre marinho.
- Área livre mínima: 25% da altura visível do símbolo.
- Assinatura a partir de 160px; monograma de interface a partir de 32px, com verificação visual.
- Conferir o favicon em 16px e 32px antes de publicar.
Preservar o reconhecimento
- Não esticar, girar ou reconstruir o monograma.
- Não adicionar brilho, contorno, sombra ou degradê ao logo.
- Não substituir o lettering vetorial por texto digitado.
- Não usar fundos que reduzam a legibilidade da assinatura.
05 / GUIA PARA AGENTES
Da identidade à implementação.
O documento completo define tokens, componentes, estados, acessibilidade e critérios de entrega para os agentes que constroem o frontend.
O .md é o documento entregue anteriormente, preservado integralmente. Sua seção de normalização descreve os anexos originais; as variantes normalizadas já estão disponíveis neste manual.