Guidelines
A biblia da marca. Todos os fundamentos visuais, verbais e estrategicos da Uebi reunidos em um unico documento de referencia.
Typography / Type System
A tipografia e o alicerce da comunicacao visual. Cada peso, cada tamanho, cada espacamento foi escolhido com intencao.
Plus Jakarta Sans
Plus Jakarta Sans combina formas geométricas com terminais arredondados, criando uma personalidade moderna e premium. Sua legibilidade excepcional em tamanhos pequenos e grandes, combinada com metricas otimizadas para interfaces digitais, faz dela a escolha perfeita para uma marca que vive no digital.
Specimen
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*
Seu parceiro digital
LightSeu parceiro digital
RegularSeu parceiro digital
SemiboldSeu parceiro digital
BoldJetBrains Mono
Usada em elementos tecnicos — numeros de secao, labels, codigo, dados tabulares. Reforça a identidade tech da marca com personalidade e precisao.
const uebi = { parceiro: true, digital: true };
| Token | Size | Weight | Usage |
|---|---|---|---|
| display-xl | 72px | 700–900 | Headlines hero, wordmark do logo |
| display | 60px | 700 | Abertura de seções, declarações impactantes |
| heading-1 | 48px | 700 | Títulos de página |
| heading-2 | 36px | 600 | Títulos de seção |
| heading-3 | 24px | 600 | Títulos de subseção |
| heading-4 | 20px | 500 | Títulos de card, labels |
| body | 16px | 400 | Parágrafos, descrições |
| body-sm | 14px | 400 | Texto secundário, legendas |
| caption | 12px | 500 | Labels, metadados, mono |
Color Palette
Cores carregam significado. Cada cor da Uebi foi escolhida com base em psicologia, contraste e funcao.
Electric Blue
Primary#2563EB
Confianca, tecnologia, profissionalismo. Azul eletrico transmite inovacao sem perder credibilidade.
Violet
Secondary#7C3AED
Criatividade, transformacao, magia. Violeta conecta ao arquetipo Magician e ao poder da transformacao digital.
Cyan
Accent#06B6D4
Clareza, frescor, acessibilidade. Cyan funciona como acento energetico que complementa sem competir.
O gradiente Blue-to-Violet e a assinatura visual da Uebi. Representa a jornada de criacao (Creator/Blue) a transformacao (Magician/Violet). Usado no logo, em CTAs primarios e em momentos de destaque.
Logo Construction
O logo da Uebi e mais do que uma letra. E um portal, um abraco, uma porta de entrada para o digital.
O "U" como portal
A forma do "U" foi escolhida por suas multiplas leituras simbolicas. E um portal — a entrada para o mundo digital que a Uebi constroi para seus clientes. E um abraco — o acolhimento de quem chega perdido no universo digital. E um recipiente — que contem e protege a presenca digital do cliente.
O traço espesso e arredondado (stroke-linecap: round) transmite acessibilidade e calor humano — contrastando com a frieza tipica de empresas de tecnologia. A abertura para cima sugere crescimento, possibilidade e receptividade.
Primary (Gradient)
Uso padrao. Logo U com gradiente blue-violet + wordmark "uebi". Sobre fundo escuro.
Mono White
Para contextos com fundo escuro onde cor nao e possivel. U e wordmark em branco puro.
Icon Only
Para favicons, avatares, espacos reduzidos. Apenas o U com gradiente, sem wordmark.
Clear Space
A area de respiro minima ao redor do logo e equivalente a metade da altura do "U". Nenhum elemento grafico, texto ou borda pode invadir essa area.
Em espacos muito restritos (favicon, avatar), usar apenas o icone U sem wordmark.
Uso Incorreto
- ✕ Nao rotacionar o logo
- ✕ Nao alterar as cores do gradiente
- ✕ Nao aplicar sobre fundos claros sem versao adequada
- ✕ Nao distorcer as proporcoes
- ✕ Nao adicionar sombras, contornos ou efeitos ao logo
- ✕ Nao usar o wordmark sem o icone U
Manifesto
O que acreditamos e o que nos move.
Tecnologia tem que ser simples.
A maioria dos pequenos negocios perde clientes todos os dias. Nao porque o produto e ruim. Nao porque o atendimento falha. Mas porque eles simplesmente nao aparecem na internet.
A invisibilidade digital e o vilao silencioso que mata negocios reais. Enquanto grandes empresas investem milhoes em presenca online, o dono da padaria, a clinica de bairro, o escritorio de contabilidade — todos ficam para tras. Nao por falta de vontade, mas por falta de um parceiro que fale a mesma lingua.
A Uebi existe para mudar isso. A gente acredita que tecnologia de qualidade nao deveria ser privilegio de quem tem orcamento de multinacional. Acreditamos que todo negocio merece ser visto, encontrado e escolhido.
A gente cria toda a sua presenca digital — site, anuncios e redes — pra voce vender mais sem precisar entender de tecnologia. Porque tecnologia tem que ser simples. E a Uebi torna simples.
Symbols & Meaning
Cada elemento visual carrega uma camada de significado intencional.
A Forma "U"
Portal para o digital — a abertura para cima convida a entrar. Abraco — a curvatura acolhe quem chega perdido. Recipiente — contem e protege a presenca digital do cliente. A forma aberta sugere possibilidade, crescimento e receptividade.
O Gradiente
Blue-to-Violet nao e apenas estetico — e narrativo. O azul (Creator) representa a construcao, o processo, a criacao concreta. O violeta (Magician) representa a transformacao, o resultado, a magia que acontece quando tecnologia funciona. O gradiente e a jornada: do fazer ao transformar.
O Nome
WEB virou Uebi — escrito como se fala. Essa escolha nao e acidental. Reflete o principio central da marca: acessibilidade. Se a gente acredita que tecnologia tem que ser simples, o nome da empresa tambem tem. Sem anglicismos inacessiveis. Sem barreiras.
Naming & Concept
A historia por tras do nome e sua construcao linguistica.
WEB → Uebi
O nome "Uebi" nasce da palavra "web", transliterada para o portugues fonetico. E um processo chamado de altered spelling — a ortografia e intencionalmente modificada para criar uma identidade unica mantendo o significado original.
A decisao reflete o posicionamento da marca: se a Uebi existe para tornar tecnologia acessivel, o proprio nome precisa ser acessivel. "Web" e uma palavra que muitos donos de pequenos negocios ouvem mas nao conectam ao seu dia a dia. "Uebi" soa familiar, brasileiro, proximo.
Razao Social: UEBI TECNOLOGIA E ESTRATEGIA DIGITAL LTDA — o nome completo reforça o escopo total da atuacao: tecnologia + estrategia, nao apenas execucao.
Taxonomia de Naming
| Categoria | Altered Spelling |
| Palavra-raiz | WEB (World Wide Web) |
| Processo | Transliteracao fonetica PT-BR |
| Pronuncia | /u.E.bi/ |
| Sonoridade | Trissillaba, aberta, fluida |
Analise Fonosemantica
- U — Som aberto, acolhedor, convite
- E — Conexao, transicao, ponte
- BI — Finalidade, concretude, resolucao
A sequencia fonetica cria um arco narrativo em miniatura: acolhimento (U) → ponte (E) → resultado (BI). O mesmo arco que a marca promete: receber o cliente, conecta-lo ao digital, entregar resultado.
Positioning
Onde a Uebi se posiciona no mercado e como se diferencia.
Para PMEs brasileiras que perdem clientes por invisibilidade digital, a Uebi e o parceiro digital completo que cria e gerencia toda a presenca online — site, anuncios e redes — para que o empresario venda mais sem precisar entender de tecnologia.
Mapa de Categoria
| Dimensao | Agencias Tradicionais | Freelancers | Uebi |
|---|---|---|---|
| Preco | Alto | Variavel | Acessivel e previsivel |
| Escopo | Fragmentado | Limitado | Full-stack completo |
| Linguagem | Tecnica/corporativa | Informal | Clara e proxima |
| Compromisso | Contratos longos | Sem garantia | Parceria com resultado |
| Suporte | Burocrático | Limitado | Proximo e continuo |
Archetypes
A personalidade da marca construida sobre dois arquetipos complementares.
Creator
60% — DominanteO Creator constroi coisas com significado. Nao cria por criar — cria para resolver. Na Uebi, esse arquetipo se manifesta na obsessao por entregar presenca digital completa e funcional. Sites que convertem. Anuncios que performam. Redes que engajam.
Magician
40% — ComplementarO Magician transforma realidades. Na Uebi, e a capacidade de pegar um negocio invisivel e torna-lo visivel, encontravel, desejavel. O cliente nao precisa entender o processo — ele ve o resultado. E parece magia.
Guia de Expressao
| Contexto | Creator (fazer) | Magician (transformar) |
|---|---|---|
| Website copy | "A gente constroi seu site do zero" | "Seu negocio aparece pra quem importa" |
| Social media | Mostrar processo, bastidores | Mostrar resultados, antes/depois |
| Proposta comercial | Detalhar entregas e etapas | Projetar resultados e transformacao |
| Suporte | Explicar como funciona | Resolver rapido, sem fricção |
Evidence
Provas que sustentam a credibilidade da marca.
Experiencia Tech
Fundador com trajetoria desde servidores de jogos online (MMORPG), passando por desenvolvimento full-stack ate estrategia digital. Tecnologia no DNA.
Full-Stack Digital
Nao fazemos so site, so anuncio ou so rede social. Entregamos o pacote completo: presenca digital integrada que funciona como sistema.
Rede de Parceiros
Ecossistema de especialistas para necessidades especificas — fotografia, video, copywriting — que amplia a capacidade sem perder a coerencia.
Foco em Resultado
Cada entrega e medida por impacto no negocio do cliente. Nao vendemos horas ou paginas — vendemos visibilidade e conversao.
Narrative
A historia da marca contada para conectar.
A Uebi nasceu de uma frustracao real. Wilder, fundador da empresa, cresceu imerso em tecnologia — desde a epoca de servidores de MMORPG, configurando VPS, aprendendo na marra como o mundo digital funciona. Ao longo dos anos, construiu carreira em desenvolvimento e estrategia digital, trabalhando com empresas de todos os tamanhos.
Mas foi no contato com pequenos negocios que percebeu o absurdo: os empreendedores que mais precisavam de presenca digital eram exatamente os que menos tinham acesso a ela. Agencias cobravam caro demais. Freelancers sumiam no meio do projeto. Ferramentas "faceis" exigiam horas de dedicacao que o dono de um negocio simplesmente nao tem. O resultado? Milhares de negocios excelentes que ninguem encontra no Google.
A Uebi nasceu para ser a resposta simples para esse problema complexo. Um parceiro digital que fala a lingua do empresario, entrega o pacote completo e se preocupa com resultado — nao com jargao tecnico. O nome "Uebi" e a materializacao dessa filosofia: WEB, escrito como se fala, sem barreiras, sem complicacao.
"Imagina que voce tem um restaurante incrivel. A comida e boa, o preco e justo, os clientes que vem adoram. So que ninguem novo aparece. Porque quando alguem pesquisa 'restaurante perto de mim', voce nao existe. A Uebi e quem faz voce existir."