Pular para o conteúdo
Pôster do The Origo Studio numa tela de shopping: From Origin to Identity.
NO. 1 · IDENTIDADE DE MARCA, SOCIAL MEDIA E SITE · ESTÚDIO PRÓPRIO

UM SISTEMA EM FORMAÇÃO PARA The Origo Studio

OBJETIVO

A identidade do The Origo Studio parte do conceito: a origem da marca e o pensamento que sustenta tudo o que vem depois. Origo vem do latim e quer dizer origem, começo, essência.

O The Origo Studio é um estúdio criativo, não uma agência. Ele revela a essência de um projeto e a transforma em algo singular, relevante e duradouro. Estratégia, design e narrativa, em sincronia. Uma sociedade igual: cada sócio lidera um pilar.

SERVIÇOS

  • Identidade de marca
  • Manual de identidade
  • Social media e motion
  • Site

CRÉDITOS

Estratégia: Luana Vitória. Design e direção criativa: Gustavo Zamonaro. Narrativa e direção visual: Matheus Woshington.

VER O SITE ↗

O SÍMBOLO três estados.

O símbolo é um sistema em formação: três estados que registram um mesmo percurso.

Origem: o estado primordial da ideia. Processo: o início da transformação. Materialização: onde a ideia ganha presença, ritmo e identidade.

Antes da precisão, existe o movimento. Antes da identidade, existe a origem. O símbolo representa esse instante: ideias em processo de materialização.

Origem, processo, materialização
NO. 1 · ORIGEM, PROCESSO, MATERIALIZAÇÃO
NO. 3 · FILME DE CONSTRUÇÃO: O SÍMBOLO E A ASSINATURA VERTICAL COM AS MEDIDAS REAIS. OUTUBRO DE 2026
Construção do símbolo
NO. 2 · CONSTRUÇÃO DO SÍMBOLO
NO. 4 · MOTION DA IDENTIDADE, DO MANUAL: O SÍMBOLO EM CONTORNO, ELIPSES MAGENTA E MATÉRIA SUBINDO

QUANDO ESTRATÉGIA, DESIGN E NARRATIVA SE MOVEM JUNTOS, a comunicação vira identidade.

Aplicações da identidade do The Origo Studio.
Símbolo, assinatura e logo completo do the origo studio
NO. 5 · SÍMBOLO, ASSINATURA E LOGO COMPLETO DO THE ORIGO STUDIO

Origo vem do latim: origem, começo, essência. Toda marca começa em algum lugar. Antes do visual. Antes da estratégia. Antes da forma final. Existe uma origem.

Manual de identidade visual, página 2
NO. 6 · MANUAL DE IDENTIDADE VISUAL, PÁGINA 2

TOM DE VOZ

Minimalista, direto e inteligente. Internacional na forma, intencional no conteúdo.

FALAMOS COM

Clareza, precisão, elegância e autoridade.

NUNCA COM

Exagero, promessa vazia, adjetivo sem argumento.

Três pilares conceituais: origem, relação e transformação. Quando estratégia, design e narrativa agem em sincronia, a comunicação deixa de ser só presença e vira identidade.

ASSINATURA e versões.

A assinatura, “The Origo Studio.”, é desenhada em Pangram Bold. O ponto faz parte da identidade: a assinatura completa o que o símbolo começa.

O logo não é editável, não é recriável e nunca é trocado por texto. As proporções são fixas.

O fundo decide a versão: fundo claro pede a versão escura, fundo escuro a versão clara. Sem exceção.

Versões reduzidas: a assinatura sozinha e a sigla T.O.S. O ™ é usado enquanto o registro no INPI está pendente.

Logo completo, versão escura
NO. 7 · LOGO COMPLETO, VERSÃO ESCURA
Logo reduzido: i, ii e iii
NO. 9 · LOGO REDUZIDO: I, II E III
Construção da assinatura (quadro)
NO. 11 · CONSTRUÇÃO DA ASSINATURA (QUADRO)
Logo completo, versão clara
NO. 8 · LOGO COMPLETO, VERSÃO CLARA
Símbolo reduzido: i, ii e iii
NO. 10 · SÍMBOLO REDUZIDO: I, II E III

PALETA seis cores com nome.

Um sistema de seis cores com nomes próprios. Cada uma ocupa uma posição específica na linguagem visual da marca.
Atlantis é a base; Luminé é o branco da marca. Os gradientes são construídos a partir dessas seis cores.

ATLANTIS

#091333

A base. O azul mais escuro, quase noturno, que ancora todo o sistema.

ULTRAMARINE

#002280

Estende essa profundidade com mais saturação.

AZUREON

#2D78C3

O azul da presença ativa, o ponto de movimento.

GLACIEN

#81A5D0

O azul que respira, que abre espaço.

ONYX

#383838

Segura os elementos neutros de contraste.

LUMINÉ

#F4F4F4

O branco da marca: nem puro, nem frio.

GRADIENTES do Atlantis ao Luminé.

Os gradientes são elementos de design com função própria. Não são decoração: são a forma como a marca ocupa espaço.
Construídos a partir da paleta, criam campos de profundidade. Mais presença em capas e fechamentos, mais contenção onde há muito texto.

TIPOGRAFIA PP Mori.

A tipografia é um sistema, não uma preferência. A PP Mori foi escolhida pela geometria precisa, pela neutralidade internacional e pela capacidade de carregar personalidade sem ornamento.

A PP Mori é a única voz tipográfica: Semibold nos títulos, com tracking -25, e Regular no texto e em todo o resto.

Arial, Helvetica e fontes de sistema não fazem parte deste sistema, em nenhum contexto ou aplicação.

Manual de identidade visual, página 5: tipografia
NO. 12 · MANUAL DE IDENTIDADE VISUAL, PÁGINA 5: TIPOGRAFIA

O MANUAL Visual Presence.

Origo Visual Presence, o manual de identidade: dez páginas que guardam o sistema inteiro, do conceito às aplicações.
NO. 13 · PÁGINA 01 · CAPA E SUMÁRIO
NO. 14 · PÁGINA 02 · CONCEITO E TOM DE VOZ
NO. 15 · PÁGINA 03 · SÍMBOLO E ASSINATURA
NO. 16 · PÁGINA 04 · PALETA E GRADIENTES
NO. 17 · PÁGINA 05 · TIPOGRAFIA
NO. 18 · PÁGINA 06 · APLICAÇÕES
NO. 19 · PÁGINA 07 · APLICAÇÕES
NO. 20 · PÁGINA 08 · PAPELARIA
NO. 21 · PÁGINA 09 · COMPOSIÇÕES
NO. 22 · PÁGINA 10 · ENCERRAMENTO

TELAS e sinalização.

A identidade em telas e no espaço público: o feed do Instagram num celular, um painel de shopping, um ponto de ônibus e copos de papel. Manual de identidade visual, página 6.
NO. 23 · CELULAR E O FEED DO INSTAGRAM
NO. 24 · PAINEL DE SHOPPING
NO. 25 · PONTO DE ÔNIBUS
NO. 26 · COPOS DE PAPEL

NA rua.

Uma ecobag e um outdoor de rua com a frase “From origin to identity.” Manual de identidade visual, página 7.

Outdoor
NO. 27 · OUTDOOR
Ecobag
NO. 28 · ECOBAG

PAPELARIA e impresso.

Capa, papel timbrado, cartões de visita, adesivos e um cartaz: o gradiente leva a marca para o papel. Manual de identidade visual, página 8.
NO. 29 · CAPA, PAPEL TIMBRADO E CARTÕES DE VISITA
NO. 30 · ADESIVOS
NO. 31 · CARTAZ

COMPOSIÇÕES com intenção.

Cartazes e um banner largo feitos só com o gradiente, o símbolo e a assinatura: “Creative solutions”, “In sync, with intention” e “From origin to identity.” Manual de identidade visual, página 9.
NO. 32 · CARTAZ · “CREATIVE SOLUTIONS”
NO. 33 · CARTAZ · “IN SYNC, WITH INTENTION”
NO. 34 · CARTAZ · “FROM ORIGIN TO IDENTITY”
NO. 35 · BANNER LARGO

OS PLANOS quatro identidades.

Cada plano do estúdio tem identidade própria, assinada “A plan by The Origo Studio™”: Foundation, Presence, Campaigns e Mesure, o plano sob medida.
Foundation estrutura a origem estratégica e criativa de uma marca. Presence é a gestão criativa e estratégica contínua. Campaigns é o plano de projetos criativos pontuais e de alto impacto. Mesure reúne, num único escopo, os planos que o momento da marca pede.
NO. 36 · FOUNDATION · A PLAN BY THE ORIGO STUDIO
NO. 37 · FOUNDATION · LOGO NO CLARO
NO. 38 · PRESENCE · A PLAN BY THE ORIGO STUDIO
NO. 39 · PRESENCE · LOGO NO CLARO
NO. 40 · CAMPAIGNS · A PLAN BY THE ORIGO STUDIO
NO. 41 · CAMPAIGNS · LOGO NO CLARO
NO. 42 · MESURE · A CUSTOM PLAN BY THE ORIGO STUDIO
NO. 43 · MESURE · LOGO

OS SÍMBOLOS três acabamentos.

Os símbolos do Foundation, do Presence e do Campaigns em três acabamentos: chapado, degradê e cromo em 3D.
NO. 44 · FOUNDATION · CHAPADO
NO. 45 · PRESENCE · CHAPADO
NO. 46 · CAMPAIGNS · CHAPADO
NO. 47 · FOUNDATION · DEGRADÊ
NO. 48 · PRESENCE · DEGRADÊ
NO. 49 · CAMPAIGNS · DEGRADÊ
NO. 50 · FOUNDATION · CROMO 3D
NO. 51 · PRESENCE · CROMO 3D
NO. 52 · CAMPAIGNS · CROMO 3D

FUNDOS escuro e claro.

Cada plano tem fundos feitos do próprio símbolo, ampliado e desfocado, com grão, numa versão escura e numa clara, em Full HD e 4K.
NO. 53 · FOUNDATION · ESCURO
NO. 54 · PRESENCE · ESCURO
NO. 55 · CAMPAIGNS · ESCURO
NO. 56 · FOUNDATION · CLARO
NO. 57 · PRESENCE · CLARO
NO. 58 · CAMPAIGNS · CLARO

PROPOSTAS um desenho por plano.

Quatro modelos de proposta, um para cada plano, cada um aberto pela capa e pelo fundo do próprio plano.
NO. 59 · FOUNDATION · CAPA
NO. 60 · PRESENCE · CAPA
NO. 61 · CAMPAIGNS · CAPA
NO. 62 · MESURE · CAPA
VERSÃO MODELO, SEM NOME DE CLIENTE. AS PÁGINAS DE INVESTIMENTO NÃO APARECEM.

DENTRO DAS propostas.

“Uma marca não é um logo.” “Presence não é conteúdo. É direção.” “Campaigns não produz conteúdo. Cria artefatos de marca.” “Mesure não é pacote. É sob medida.”
NO. 63 · FOUNDATION · O QUE É
NO. 64 · PRESENCE · O QUE É
NO. 65 · CAMPAIGNS · O QUE É
NO. 66 · MESURE · O QUE É
NO. 67 · PRESENCE · ENTREGÁVEIS
NO. 68 · CAMPAIGNS · COMO FUNCIONA

O QUE VOCÊ NÃO VAI ouvir da gente.

“O que você não vai ouvir da gente”: um carrossel de sete cards para o Instagram do estúdio, outubro de 2026.
Todo card se move: teclas digitando o título, olhos, ícones flutuando, um cilindro de posts, uma colagem, a construção do símbolo e o card de fechamento.
NO. 69 · A-01 · CAPA
NO. 70 · A-02 · “ISSO VIRALIZA.”
NO. 71 · A-03 · “É SÓ UM LOGO.”
NO. 72 · A-04 · “POSTA TODO DIA QUE RESOLVE.”
NO. 73 · A-05 · “SEGUE A TREND.”
NO. 74 · A-06 · “DÁ PARA FAZER TUDO RAPIDINHO.”
NO. 75 · A-07 · FECHAMENTO
CARDS ANIMADOS, 1080 × 1350, GRÃO DE 35 MM. FOTOS DO A-05: DARIO AMODEI (TECHCRUNCH, CC BY 2.0), STEVE JOBS (MATTHEW YOHE, CC BY-SA 3.0), ESFINGE (PETAR MILOŠEVIĆ, CC BY-SA 4.0), PINTURA RUPESTRE (LUCA GALUZZI, CC BY-SA 2.5).

ANTES DO primeiro rabisco.

“Antes do primeiro rabisco”: um carrossel de oito cards sobre as perguntas que o estúdio faz antes de desenhar, outubro de 2026.
Movimento em todo card: um dock e uma janela de navegador, pílulas caindo, um anel de objetos, uma impressora de cupom, mãozinhas, um filme em ASCII, a construção da marca e uma colagem de materiais da Origo.
NO. 76 · B-01 · CAPA
NO. 77 · B-02 · “AS PERGUNTAS SÃO SIMPLES.”
NO. 78 · B-03 · “O QUE A SUA EMPRESA FAZ, DE VERDADE?”
NO. 79 · B-04 · “PARA QUEM VOCÊ VENDE?”
NO. 80 · B-05 · “QUEM MAIS DISPUTA ESSA ATENÇÃO?”
NO. 81 · B-06 · “O QUE VOCÊ ESPERA DESTE TRABALHO?”
NO. 82 · B-07 · “O QUE JÁ EXISTE?”
NO. 83 · B-08 · “SÓ DEPOIS DISSO O DESIGN ENTRA.”
CARDS ANIMADOS, 1080 × 1350, GRÃO DE 35 MM.

POSICIONAMENTO é escolha.

“Posicionamento é escolha”: um carrossel de sete cards para o Instagram do estúdio, outubro de 2026.
Todo card se move: um chaveiro com os sócios como pingentes, retratos, uma pilha de fotos, um brinquedo de encaixe, papel amassado, um menu que flui e o card de fechamento.
NO. 84 · C-01 · CAPA
NO. 85 · C-02 · “POSICIONAMENTO NÃO É DIZER TUDO.”
NO. 86 · C-03 · “É ESCOLHER O QUE A MARCA DEFENDE.”
NO. 87 · C-04 · “PORQUE TENTAR CABER EM TODOS OS LUGARES…”
NO. 88 · C-05 · “MARCAS FORTES TÊM CRITÉRIOS BEM DEFINIDOS.”
NO. 89 · C-06 · “NAS ESCOLHAS. NA LINGUAGEM. NA IMAGEM.”
NO. 90 · C-07 · “POSICIONAMENTO É ESCOLHA.”
CARDS ANIMADOS, 1080 × 1350, GRÃO DE 35 MM. FOTOS DO C-02 E DO C-03 DO WIKIMEDIA COMMONS: NELSON MANDELA (SOUTH AFRICA THE GOOD NEWS, CC BY 2.0), PLACA EM DURBAN (GUINNOG, CC BY-SA 3.0), ESTAÇÃO DE ATHERSTON (WYNLIB40, CC BY-SA 4.0); AS DEMAIS EM DOMÍNIO PÚBLICO.

POSTS do feed.

Posts para o Instagram do estúdio, 4:5, 2026.

STORIES 9:16.

Stories para o Instagram do estúdio, 9:16, 2026. Posts estáticos de marca em dois formatos, 4:5 e 9:16: “Estratégia, design e narrativa num só movimento.”

Toda marca começa em algum lugar. Antes do visual, antes da estratégia, existe uma origem. Posts e uma peça em movimento para o The Origo Studio, 2026.

NO. 91 · ANIMAÇÃO LAVA PARA O BEHANCE DO ESTÚDIO. 2026

MANIFESTO

Um carrossel de sete cards: “Antes do visual. Antes da estratégia. Existe uma origem. Nosso trabalho é revelá-la.”

POSTS ESTÁTICOS

Posts de marca em dois formatos, 4:5 e 9:16: “Estratégia, design e narrativa num só movimento.”

MOTION

Um vídeo em loop do logo da Origo em metaballs líquidas, em branco, sobre o gradiente azul do estúdio, feito para o Behance.

DA ORIGEM à identidade.

A ideia central do estúdio é sincronia, e sincronia é a única coisa que um site não consegue afirmar sem soar vazio. O site precisava demonstrá-la no jeito como as páginas são construídas e ritmadas.

A referência é o Estilo Tipográfico Internacional: grade, hierarquia e silêncio visual. Cada tela carrega uma ideia. Uma frase, uma tela: “From origin to identity.”

O visitante pode trocar o fundo entre um filme e um gradiente gerado ao vivo no navegador. Clicar num plano leva o nome dele para o assunto do contato.

VEJA O SITE ↗
Site do the origo studio
NO. 92 · SITE DO THE ORIGO STUDIO

PÁGINAS do site.

O Estúdio: a seção é construída sobre uma frase que vai da ausência à presença. A tipografia faz o trabalho, sem ilustração.
Planos: três planos, cada um encontrando a marca num momento diferente, mais um quarto marcado como em breve em vez de omitido em silêncio. Sócios: os três sócios recebem o mesmo tratamento, cada um liderando um pilar.
NO. 93 · O ESTÚDIO
NO. 94 · PLANOS
NO. 95 · SÓCIOS
NO. 96 · PÁGINA DE SÓCIO

NO celular.

Construído do zero em Next.js e TypeScript, com Tailwind. O movimento vem do Framer Motion e do GSAP, a rolagem suave do Lenis e o gradiente da abertura do Three.js. Publicado na Vercel.
No celular a entrada não existe: ela custava cerca de 2,5 segundos de LCP. O celular abre direto na abertura. Português e inglês trocam na hora, sem recarregar.