Skip to content
The Origo Studio poster on a mall screen: From Origin to Identity.
NO. 1 · BRAND IDENTITY, SOCIAL MEDIA AND WEBSITE · OWN STUDIO

A SYSTEM IN FORMATION FOR The Origo Studio

OBJECTIVE

The Origo Studio’s identity starts from its concept: the origin of the brand and the thinking that supports everything that comes after. Origo comes from the Latin and means origin, beginning, essence.

The Origo Studio is a creative studio, not an agency. It reveals the essence of a project and turns it into something singular, relevant and lasting. Strategy, design and narrative, in sync. An equal partnership: each founder leads one pillar.

SERVICES

  • Brand identity
  • Identity manual
  • Social media and motion
  • Website

CREDITS

Strategy: Luana Vitória. Design and creative direction: Gustavo Zamonaro. Narrative and visual direction: Matheus Woshington.

VIEW SITE ↗

THE SYMBOL three states.

The symbol is a system in formation: three states that record a single path.

Origin: the primordial state of the idea. Process: the beginning of the transformation. Materialization: where the idea gains presence, rhythm and identity.

Before precision, there is movement. Before identity, there is the origin. The symbol represents that instant: ideas in the process of materializing.

Origin, process, materialization
NO. 1 · ORIGIN, PROCESS, MATERIALIZATION
NO. 3 · CONSTRUCTION FILM: THE SYMBOL AND THE VERTICAL WORDMARK WITH THEIR REAL MEASUREMENTS. OCTOBER 2026
Construction of the symbol
NO. 2 · CONSTRUCTION OF THE SYMBOL
NO. 4 · IDENTITY MOTION FROM THE MANUAL: THE SYMBOL IN OUTLINE, MAGENTA ELLIPSES AND MATTER RISING

WHEN STRATEGY, DESIGN AND NARRATIVE MOVE AS ONE, communication becomes identity.

Applications of The Origo Studio identity.
Symbol, wordmark and full lockup of the origo studio
NO. 5 · SYMBOL, WORDMARK AND FULL LOCKUP OF THE ORIGO STUDIO

Origo comes from the Latin: origin, beginning, essence. Every brand starts somewhere. Before the visual. Before the strategy. Before the final form. There is an origin.

Visual identity manual, page 2
NO. 6 · VISUAL IDENTITY MANUAL, PAGE 2

TONE OF VOICE

Minimalist, direct and intelligent. International in form, intentional in content.

WE SPEAK WITH

Clarity, precision, elegance and authority.

NEVER WITH

Exaggeration, empty promises, adjectives without argument.

Three conceptual pillars: origin, relation and transformation. When strategy, design and narrative act in sync, communication stops being only presence and becomes identity.

WORDMARK and versions.

The wordmark, “The Origo Studio.”, is drawn in Pangram Bold. The period is part of the identity: the wordmark completes what the symbol begins.

The logo is not editable, not recreatable and never replaced by text. Its proportions are fixed.

The background decides the version: a light background takes the dark version, a dark background the light one. No exceptions.

Reduced versions: the wordmark alone and the T.O.S abbreviation. ™ is used while the INPI registration is pending.

Full lockup, dark version
NO. 7 · FULL LOCKUP, DARK VERSION
Reduced logo: i, ii and iii
NO. 9 · REDUCED LOGO: I, II AND III
Wordmark construction (still)
NO. 11 · WORDMARK CONSTRUCTION (STILL)
Full lockup, light version
NO. 8 · FULL LOCKUP, LIGHT VERSION
Reduced symbol: i, ii and iii
NO. 10 · REDUCED SYMBOL: I, II AND III

PALETTE six named colors.

A system of six colors with names of their own. Each one holds a specific position within the brand’s visual language.
Atlantis is the base; Luminé is the brand’s white. The gradients are built from these six colors.

ATLANTIS

#091333

The base. The darkest blue, almost nocturnal, that anchors the whole system.

ULTRAMARINE

#002280

Extends that depth with more saturation.

AZUREON

#2D78C3

The blue of active presence, the point of movement.

GLACIEN

#81A5D0

The blue that breathes, that opens space.

ONYX

#383838

Holds the neutral elements of contrast.

LUMINÉ

#F4F4F4

The brand’s white: not pure, not cold.

GRADIENTS from Atlantis to Luminé.

The gradients are design elements with a function of their own. They are not decorative: they are how the brand takes up space.
Built from the palette, they create fields of depth. More presence on covers and closing pages, more restraint where there is a lot of text.

TYPOGRAPHY PP Mori.

The typography is a system, not a preference. PP Mori was chosen for its precise geometry, its international neutrality and its ability to carry personality without ornament.

PP Mori is the single typographic voice: Semibold for headings, with -25 tracking, and Regular for body text and everything else.

Arial, Helvetica and system fonts do not belong to this system, in any context or application.

Visual identity manual, page 5: typography
NO. 12 · VISUAL IDENTITY MANUAL, PAGE 5: TYPOGRAPHY

THE MANUAL Visual Presence.

Origo Visual Presence, the identity manual: ten pages that hold the whole system, from the concept to the applications.
NO. 13 · PAGE 01 · COVER AND CONTENTS
NO. 14 · PAGE 02 · CONCEPT AND TONE OF VOICE
NO. 15 · PAGE 03 · SYMBOL AND WORDMARK
NO. 16 · PAGE 04 · PALETTE AND GRADIENTS
NO. 17 · PAGE 05 · TYPOGRAPHY
NO. 18 · PAGE 06 · APPLICATIONS
NO. 19 · PAGE 07 · APPLICATIONS
NO. 20 · PAGE 08 · STATIONERY
NO. 21 · PAGE 09 · COMPOSITIONS
NO. 22 · PAGE 10 · CLOSING

SCREENS and signage.

The identity on screens and in public space: the Instagram feed on a phone, a mall billboard, a bus shelter and paper cups. Visual identity manual, page 6.
NO. 23 · PHONE AND THE INSTAGRAM FEED
NO. 24 · MALL BILLBOARD
NO. 25 · BUS SHELTER
NO. 26 · PAPER CUPS

IN THE street.

A tote bag and a street billboard carrying the line “From origin to identity.” Visual identity manual, page 7.

Street billboard
NO. 27 · STREET BILLBOARD
Tote bag
NO. 28 · TOTE BAG

STATIONERY and print.

Cover, letterhead, business cards, stickers and a poster: the gradient carries the brand onto paper. Visual identity manual, page 8.
NO. 29 · COVER, LETTERHEAD AND BUSINESS CARDS
NO. 30 · STICKERS
NO. 31 · POSTER

COMPOSITIONS with intention.

Posters and a wide banner built only from the gradient, the symbol and the wordmark: “Creative solutions”, “In sync, with intention” and “From origin to identity.” Visual identity manual, page 9.
NO. 32 · POSTER · “CREATIVE SOLUTIONS”
NO. 33 · POSTER · “IN SYNC, WITH INTENTION”
NO. 34 · POSTER · “FROM ORIGIN TO IDENTITY”
NO. 35 · WIDE BANNER

THE PLANS four identities.

Each of the studio’s plans has an identity of its own, signed “A plan by The Origo Studio™”: Foundation, Presence, Campaigns and Mesure, the custom plan.
Foundation structures the strategic and creative origin of a brand. Presence is its continuous creative and strategic management. Campaigns is for one-off, high-impact creative projects. Mesure brings together, in a single scope, the plans the brand’s moment calls for.
NO. 36 · FOUNDATION · A PLAN BY THE ORIGO STUDIO
NO. 37 · FOUNDATION · LOGO ON LIGHT
NO. 38 · PRESENCE · A PLAN BY THE ORIGO STUDIO
NO. 39 · PRESENCE · LOGO ON LIGHT
NO. 40 · CAMPAIGNS · A PLAN BY THE ORIGO STUDIO
NO. 41 · CAMPAIGNS · LOGO ON LIGHT
NO. 42 · MESURE · A CUSTOM PLAN BY THE ORIGO STUDIO
NO. 43 · MESURE · LOGO

THE SYMBOLS three finishes.

The symbols of Foundation, Presence and Campaigns in three finishes: flat, gradient and chrome in 3D.
NO. 44 · FOUNDATION · FLAT
NO. 45 · PRESENCE · FLAT
NO. 46 · CAMPAIGNS · FLAT
NO. 47 · FOUNDATION · GRADIENT
NO. 48 · PRESENCE · GRADIENT
NO. 49 · CAMPAIGNS · GRADIENT
NO. 50 · FOUNDATION · CHROME 3D
NO. 51 · PRESENCE · CHROME 3D
NO. 52 · CAMPAIGNS · CHROME 3D

BACKGROUNDS dark and light.

Each plan has backgrounds made from its own symbol, enlarged and out of focus, with grain, in a dark and a light version, in Full HD and 4K.
NO. 53 · FOUNDATION · DARK
NO. 54 · PRESENCE · DARK
NO. 55 · CAMPAIGNS · DARK
NO. 56 · FOUNDATION · LIGHT
NO. 57 · PRESENCE · LIGHT
NO. 58 · CAMPAIGNS · LIGHT

PROPOSALS one design per plan.

Four proposal templates, one for each plan, each opening with the plan’s own cover and background.
NO. 59 · FOUNDATION · COVER
NO. 60 · PRESENCE · COVER
NO. 61 · CAMPAIGNS · COVER
NO. 62 · MESURE · COVER
TEMPLATE VERSION, WITHOUT CLIENT NAMES. THE INVESTMENT PAGES ARE NOT SHOWN.

INSIDE THE proposals.

“A brand is not a logo.” “Presence is not content. It is direction.” “Campaigns does not produce content. It creates brand artifacts.” “Mesure is not a package. It is made to measure.”
NO. 63 · FOUNDATION · WHAT IT IS
NO. 64 · PRESENCE · WHAT IT IS
NO. 65 · CAMPAIGNS · WHAT IT IS
NO. 66 · MESURE · WHAT IT IS
NO. 67 · PRESENCE · DELIVERABLES
NO. 68 · CAMPAIGNS · HOW IT WORKS

WHAT YOU WON’T hear from us.

“O que você não vai ouvir da gente” (what you won’t hear from us): a seven-card carousel for the studio’s Instagram, October 2026.
Every card moves: keys typing the title, eyes, floating icons, a cylinder of posts, a collage, the construction of the symbol and the closing card.
NO. 69 · A-01 · COVER
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 · CLOSING
ANIMATED CARDS, 1080 × 1350, 35 MM GRAIN. A-05 PHOTOS: DARIO AMODEI (TECHCRUNCH, CC BY 2.0), STEVE JOBS (MATTHEW YOHE, CC BY-SA 3.0), SPHINX (PETAR MILOŠEVIĆ, CC BY-SA 4.0), CAVE PAINTING (LUCA GALUZZI, CC BY-SA 2.5).

BEFORE THE first scribble.

“Antes do primeiro rabisco” (before the first scribble): an eight-card carousel about the questions the studio asks before designing, October 2026.
Motion in every card: a dock and a browser window, falling pills, a ring of objects, a receipt printer, little hands, a film in ASCII, the construction of the brand and a collage of Origo materials.
NO. 76 · B-01 · COVER
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.”
ANIMATED CARDS, 1080 × 1350, 35 MM GRAIN.

POSITIONING is a choice.

“Posicionamento é escolha” (positioning is a choice): a seven-card carousel for the studio’s Instagram, October 2026.
Every card moves: a keychain with the partners as pendants, portraits, a stack of photos, a shape-sorting toy, crumpled paper, a flowing menu and the closing card.
NO. 84 · C-01 · COVER
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.”
ANIMATED CARDS, 1080 × 1350, 35 MM GRAIN. PHOTOS IN C-02 AND C-03 FROM WIKIMEDIA COMMONS: NELSON MANDELA (SOUTH AFRICA THE GOOD NEWS, CC BY 2.0), DURBAN SIGN (GUINNOG, CC BY-SA 3.0), ATHERSTON STATION (WYNLIB40, CC BY-SA 4.0); THE OTHERS IN THE PUBLIC DOMAIN.

FEED posts.

Posts for the studio’s Instagram, 4:5, 2026.

STORIES 9:16.

Stories for the studio’s Instagram, 9:16, 2026. Static brand posts in two formats, 4:5 and 9:16: “Strategy, design and narrative in one movement.”

Every brand starts somewhere. Before the visuals, before the strategy, there is an origin. Posts and a motion piece for The Origo Studio, 2026.

NO. 91 · LAVA ANIMATION FOR THE STUDIO’S BEHANCE. 2026

MANIFESTO

A seven-slide carousel: “Before the visual. Before the strategy. There is an origin. Our work is to reveal it.”

STATIC POSTS

Brand posts in two formats, 4:5 and 9:16: “Strategy, design and narrative in one movement.”

MOTION

A video loop of the Origo logo in liquid metaballs, in white, over the studio’s blue gradient, made for Behance.

FROM ORIGIN to identity.

The studio’s core claim is sync, and sync is the one thing a website cannot state without sounding hollow. The site had to demonstrate it in the way pages are built and paced.

The reference is the International Typographic Style: grid, hierarchy and visual silence. Every screen carries one idea. One sentence, one screen: “From origin to identity.”

The visitor can switch the background between a film and a gradient generated live in the browser. Clicking a plan carries its name into the contact subject.

SEE THE WEBSITE ↗
The origo studio website
NO. 92 · THE ORIGO STUDIO WEBSITE

WEBSITE pages.

The Studio: the section is built on a sentence that moves from absence to presence. Typography does the work, with no illustration involved.
Plans: three plans, each meeting the brand at a different moment, plus a fourth marked as coming rather than quietly omitted. Founders: the three founders receive identical treatment, each leading one pillar.
NO. 93 · THE STUDIO
NO. 94 · PLANS
NO. 95 · FOUNDERS
NO. 96 · FOUNDER PAGE

ON THE phone.

Built from scratch in Next.js and TypeScript, with Tailwind. Motion comes from Framer Motion and GSAP, smooth scrolling from Lenis, and the hero gradient from Three.js. Deployed on Vercel.
Phones do not get the entrance at all: it cost roughly 2.5 seconds of LCP. The phone opens straight into the hero. Portuguese and English switch instantly, with no reload.
WORK

NO. 2 · CATALOG, FOLDER, BOOTH, TV KIT ART AND SELLER PAGE

13 MONTHS WITH Celebrity Coffee

13 MONTHS WITH Celebrity Coffee

CLIENT WORK

Thirteen months working on an existing brand, from September 2025 to October 2026.

NO. 3 · ART DIRECTOR & SENIOR GRAPHIC DESIGNER, 2024 TO NOW

ART DIRECTION AT Invite INC

ART DIRECTION AT Invite INC

CLIENT WORK

Art Director & Senior Graphic Designer, Invite INC. 2024 to now.

NO. 4 · CAMPAIGNS AND SOCIAL MEDIA, AT INVITE INC

BIKE, BILLBOARDS AND INSTAGRAM FOR Manami

BIKE, BILLBOARDS AND INSTAGRAM FOR Manami

CLIENT WORK

A beach bike, summer billboards, a beach umbrella and the Instagram, 2024 to 2026.

NO. 5 · CARNIVAL AND SOCIAL MEDIA, AT INVITE INC

CARNIVAL AND INSTAGRAM FOR Vive Le Vin

CARNIVAL AND INSTAGRAM FOR Vive Le Vin

CLIENT WORK

The Carnival bloco in 2025 and 2026, pieces for the brokers and the Instagram, 2024 to 2026.