Tecnologia que
leva o seu negócio
além ›››

0 A ideia toda

A OGS é o parceiro de tecnologia da pequena empresa.

A gente traduz IA em resultado para quem não sabe fazer sozinho — marca, produto e implementação numa entrega só.

1.1 O tamanho do mercado ABES/IDC · SEBRAE

Mercado grande — mas crescendo mais devagar.

O bolso de tecnologia do Brasil é enorme e ainda cresce. Só que a maré está perdendo força. Tradução: daqui pra frente, crescer é tirar espaço dos outros — não só pegar carona no bolo aumentando.

→Quanto desse mercado a OGS pode mirar

Não existe número público de "quanto a PME gasta com tecnologia" (essa lacuna a gente confirmou). Então o funil abaixo é um chute com conta — premissas explícitas, ancoradas no teto que já está verificado. O âmbar marca a fatia que a marca realmente assina.

1.2 A demanda e a brecha SEBRAE/FGV/Google

Todo mundo conhece IA. Quase ninguém usa.

Esta é a tensão que dá razão de existir à OGS. Guarde este número — ele volta na estratégia e até no UI Kit.

→PME e startup compram de jeitos diferentes

A porta está aberta: maturidade digital no meio do caminho (35 de 80), 44% já usam alguma IA no dia a dia e 75% vendem por canais digitais. Só falta quem conduza a jornada com profundidade.

1.3 Quem já está lá imprensa de negócios

Os grandes são fortes em gestão — e fracos onde a OGS entra.

Os consolidadores dominam o topo de "tecnologia pra PME". Não são rivais em cada negócio — são a régua da ambição. Como vivem de ERP/gestão, deixam aberto o flanco de IA aplicada + marca + serviço.

2.1 Por que existimos Sinek

Começa pela crença — e desce até o produto.

Toda decisão da marca parte do meio: a crença. O método e os produtos vêm depois — nunca primeiro. Se começar pelo produto, vira commodity. Por isso o âmbar fica no centro: o porquê é o núcleo.

→A arquitetura — uma casa, três marcas

O "o quê" do círculo de ouro vira estrutura: uma casa endossa três marcas, mesmo símbolo, papéis distintos.

2.2 As frases oficiais Wheeler · OGS

As frases que não mudam a cada campanha.

Estes são os enunciados oficiais da marca — o que fica registrado e não muda ao sabor do anúncio. Bilíngues por princípio: cada um traz EN e PT lado a lado, porque a marca pensa e entrega nas duas línguas. A letra arredondada diz a frase (voz humana); a mono rotula e traduz (voz da máquina).

Odenir Gomes Solutions·CNPJ 54.705.657/0001-83·São Paulo · Brasil·a empresa por trás da marca OGS tech

2.3 Como nos vemos Kapferer

Seis lados — do que a marca mostra ao que o cliente vê em si.

Um jeito de olhar a identidade por seis lados: o que a marca mostra pra fora × o que ela é por dentro; e o que a marca projeta × o que o cliente reflete de volta. As cores seguem o sistema: âmbar para o que aparece, índigo para o que estrutura por dentro.

2.4 Forças e fraquezas SWOT

Um raio-x honesto — à luz dos dados, não do achismo.

Quatro caixas: no que somos fortes, onde somos frágeis, as portas abertas e os perigos. Cada item vem de um achado da pesquisa. As cores aqui são o sistema de estados (positivo/negativo) — por isso o verde aparece: é estado, não marca.

2.5 O plano em 5 passos

Cinco movimentos que saem direto dos dados.

Não é tudo que a OGS pode fazer — é onde os dados dizem pra focar primeiro. Cada passo fecha de volta no porquê.

3.1 O símbolo

A grade é a engenharia. A nave é pra onde ela leva.

O vão até a sombra é o quanto ela já subiu — e o cliente é quem está no comando. A atitude não é gosto: são 0°, e a asa é desenhada e apresentada em pé, sempre. Uma asa voadora se reconhece por duas coisas ao mesmo tempo, simetria num eixo vertical e a serra correndo na horizontal: girar quebra as duas de uma vez.

→As versões

Quatro versões cobrem tudo. As coloridas usam uma cor de casco + a sombra âmbar. As mono são uma tinta só, sem âmbar — a sombra continua existindo ali, porque ela é separada do casco por um vão de uma célula: sobrevive a gravação, baixo relevo e qualquer reprodução barata.

→Como a nave é construída

A nave não é um bitmap desenhado à mão — ela nasce como composição de peças em polígono e é rasterizada na grade por código. É o inverso de 1978, quando o sprite nascia em papel quadriculado e virava hex na ROM. Abaixo, as peças originais por cima das células que elas acenderam: uma fuselagem que encosta no eixo e espelha em si mesma, um par de asas, um par de motores, e uma cabine que não pinta — ela apaga, e por isso sai tracejada. O conjunto é girado 45° — a nave é desenhada em pé e apresentada inclinada, sempre. Atrás dela vem o campo âmbar, um círculo separado do casco por um vão de uma célula. A consequência prática de nascer polígono: mudar a densidade da grade é mudar um número, não redesenhar.

→Do avatar ao favicon de 16px

O teste decisivo não mudou: a marca não pode virar mancha no tamanho mínimo. O que mudou é que ela passa com uma grade só — o mesmo 28×28 do hero em todos os degraus, do avatar ao favicon. Houve um segundo desenho, numa grade de 9, e ele saiu.

Saiu porque o que apaga a marca aos 16 px não é a finura da grade: é o shape-rendering: crispEdges. Encaixando uma célula de 0,57 px num pixel inteiro, fileiras inteiras somem. Sem ele o navegador mistura, e o que resta é a massa da asa — que é exatamente o que o olho lê a esse tamanho. A asa sobrevive à redução porque é larga, chata e sem vazio; a nave anterior não sobrevivia porque era o oposto, compacta e com o furo da cabine, e furo de uma célula lê defeito, não cabine.

28×28, e só. É a marca em todo tamanho — lockup, papelaria, cartão, e‑mail, avatar, a abertura desta página, o painel ao vivo da seção 3.1, os vídeos da assinatura e o favicon de 16 px. Houve duas outras grades, o 14×14 e o 9×9, e as duas saíram pelo mesmo argumento, medido com dez meses de distância: uma amostragem fina degrada melhor que uma grossa, mesmo com a célula abaixo do pixel. Se dois pontos da marca parecem trazer logos diferentes, agora é porque um deles está desatualizado — não porque escolheu outra densidade.

O favicon desta página se adapta ao modo do sistema: a media query mora dentro do SVG, e o casco vai de índigo a creme quando a barra do navegador escurece. Quem demonstra isso é a aba aí em cima, e não uma amostra colada aqui — uma cópia pintada à mão sairia do alcance do --check e passaria a mentir sozinha. O âmbar não entra na regra: ele contrasta com as duas barras, o que faz da sombra o único elemento que lê em qualquer modo sem depender de acertar a detecção.

→Com o nome: o lockup

O símbolo carrega sozinho. Com o nome, fecha a assinatura: símbolo + OGS tech na mesma grotesca do guia. O nome corre sólido; o descritor tech puxa o âmbar — o mesmo sinal do campo, costurado de novo. Horizontal pra assinaturas largas; empilhado (símbolo → OGS → tech) pra espaços quadrados.

→O símbolo em movimento

A mesma grade, agora no tempo. A marca se monta peça por peça e cresce pela envergadura: a espinha primeiro, as asas abrindo pros dois lados no mesmo instante. A sombra âmbar não tem tempo próprio — cada célula dela acende junto com a célula de casco que a lança, porque sombra é projetada e não pode existir antes da coisa que a projeta. Montada, a marca decola: a aeronave sobe, a sombra cede, e o vão entre as duas abre. É o mesmo vão que a forma usa como régua — aqui ele vira movimento. São três peças, e cada uma serve um momento. A animação ao vivo — CSS puro, o mesmo desenho que abre esta página, sem nenhum arquivo de vídeo. A assinatura oficial em vídeo, com a trilha sonora — clique no play pra assistir com som. E a espera: o mesmo voo em laço perfeito, que é a animação de carregamento da marca. Os arquivos pra download estão em Touchpoints.

3.2 A direção visual

Quatro pilares que toda decisão precisa servir.

A aparência traduz o posicionamento: sólida e confiável, com calor humano — tecnologia de verdade, acessível à PME, sem virar "mais uma startup de IA".

3.3 Texturas

Quatro padrões que dizem algo — não decoram.

Cada textura carrega uma ideia: sistema, máquina, futuro próximo e dados.

3.4 Fotografia

Gente real, luz quente, ambiente técnico frio.

Documental, não banco de imagem. Luz âmbar sobre pessoas e mãos, contra fundos de índigo profundo — a mesma dualidade quente/frio da paleta.

3.5 As cores Munsell · Itten · Albers · WCAG

Cor medida, não escolhida no escuro.

Índigo lidera; âmbar assina; verde só em estado — nunca na identidade. Mas o método é o que importa: as cores são derivadas de uma única régua de claridade — não escolhidas e rotuladas depois. E cada par de texto foi medido (a conta de contraste do WCAG), pra garantir que se lê.

3.6 As letras Bringhurst

Uma letra humana + uma letra de máquina.

A dupla vem da função: a grotesca de sistema é a voz humana (a frase); a monoespaçada é a voz da máquina (dados, código, open source, PT·EN). Em cima disso, o ritmo: tamanhos que seguem uma escala, linha na medida certa e respiro constante.

3.7 Governança Wheeler

O dono de cada decisão — e como usar.

O que mantém o sistema coerente com o tempo: de onde vem cada decisão (a referência por trás dela) e a regra de cada uso. Mesmo com gente diferente mexendo, tudo fecha de volta na crença.

→Os cânones — o dono de cada decisão

→Como usar — fazer e não fazer