the studio gato
(CASE-S001) // OUR OWN BRAND · 2025 ← All work

The Studio
Gato

Branding, web design, and digital marketing
for growing brands.

DELIVERABLE
Full Brand System
SCOPE
Identity · Type · Web · Social
STACK
HTML · CSS · Vanilla JS
TIMELINE
6 weeks
thestudiogato.com
Studio Gato homepage
(01) // DELIVERABLES
What we
shipped.
BRAND SYSTEM
Identity and foundations
Brand strategy document
Logo system (primary + marks)
Typography + colour system
Brand guidelines (PDF + Figma)
Print media templates
DIGITAL
Website and social
Custom website (HTML/CSS/JS)
CMS integration (Sanity v3)
Social media templates (6 types)
OG images and meta assets
Logo motion (video loop)
(02) // THE MARK
One logo,
every surface.
Logo on beige BEIGE · PRIMARY
Logo on black INK · REVERSED
Logo on gradient GRADIENT
(03) // TYPEFACE
Three fonts,
one voice.
FRAUNCES 300 · DISPLAY
We build
things that
last.
-.035EM · .88 LINE HEIGHT
INTER 400 · BODY · 15PX
A brand identity, social, and performance studio for founders who understand that being seen is not the same as being remembered.
JETBRAINS MONO · 11PX · 0.1EM
ITALIC EMPHASIS
forgotten
KEY WORDS · ITALIC 300
TYPE SCALE
Display
Heading
Body copy · Inter 400
MONO LABEL · 11PX
(04) // COLOUR & GRADIENT
A palette
that breathes.
Teal
#1EBDA5
Teal 60
#45CCB8
Orange
#D96E07
Orange 60
#F08F30
Yellow
#FEDB44
Gradient
Primary
SIGNATURE · 135°
The Signature
Teal to orange to yellow. Hero surfaces, OG images, brand moments.
#1EBDA5
#D96E07
#FEDB44
DEEP OCEAN · 150°
Deep Ocean
Navy into teal. Strategy and tech-adjacent content.
#0A1628
#1EBDA5
GOLDEN HOUR · 135°
Golden Hour
Yellow into amber. Lifestyle, launches, seasonal print.
#FEDB44
#D96E07
#7A3E12
(05) // THE WEBSITE
Designed in
the browser.

Static HTML, CSS, and vanilla JS. No frameworks, no page builders.

thestudiogato.com
Homepage
HOME
thestudiogato.com/services
Services
SERVICES
thestudiogato.com/journal
Journal
JOURNAL
(06) // IN MOTION
The mark,
alive.
Reel · 9:16
MP4
Square · 1:1
M4V
(07) // NEXT

Want something
like this?