the studio gato
(CASE-S005) // BRAND IDENTITY · E-COMMERCE · 2026 ← All work

The Studio
Gato

Deliverable
Full Brand System
Scope
Identity · Social · Web
Followers
18k → 94k
Timeline
6 weeks
(01) // THE BRIEF

Build a brand that
earns its own space.

A new creative agency in Dhaka needed an identity that didn't look like every other agency — in the region or the world. Considered, not loud. Confident, not flashy. Built to show clients on day one and still be proud of in five years.

CHALLENGE 01
Standing out in a
crowded market
Most Dhaka agencies default to tech-blue and generic sans-serif logos. We needed to go editorial — not corporate.
CHALLENGE 02
International feel,
local roots
Compete globally in aesthetic while remaining rooted in Dhaka — not a pale imitation of a London or NYC studio.
CHALLENGE 03
A system that
scales everywhere
Business card to 4:5 Instagram post to full website. The identity had to hold together without a style guide in hand.
(02) // THE MARK

The logo, in
every context.

Drop your logo images into the cells below. Each background represents a real environment the mark will live in: paper, dark, warm, and the full brand gradient.

+
Primary wordmark on paper PAPER · PRIMARY
Reversed on ink INK · REVERSED
On warm tone WARM · PRIMARY
White on gradient GRADIENT
Icon / monogram ICON MARK
+
Horizontal lockup
full context HORIZONTAL
TYPEFACE
Why
Fraunces?
Optical sizing means it works at 140px display and 12px caption. The italic has real personality — editorial without being theatrical. Not a default choice.
WEIGHT
Light over
bold
Weight 300 creates negative tension — the name feels considered rather than shouted. Confidence doesn't need volume.
PAIRING
Serif +
mono
JetBrains Mono as the utility voice — labels, tags, metadata. The tension between elegant serif and clinical mono is the brand's visual DNA.
(03) // TYPE SYSTEM
FRAUNCES 300 · DISPLAY · OPSZ 144
We build
things that
last.
TRACKING −.035em · LINE HEIGHT .88
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. We work with a small number of clients each quarter.
JETBRAINS MONO · 11PX · 0.1EM TRACKING
FRAUNCES · ITALIC EMPHASIS
forgotten
USED FOR KEY WORDS · ITALIC WEIGHT 300
TYPE SCALE
Display / 140
Heading / 60
Body copy / 15px · Inter 400
MONO LABEL / 11PX · 0.1EM
(04) // COLOUR & GRADIENT

A palette that
moves.

Three anchors. Teal from coastal waters, burnt orange from Dhaka's golden hour, warm yellow from afternoon light through muslin. Organic, warm, and impossible to mistake for a tech company.

Teal
#1EBDA5
Teal 60
#45CCB8
Orange
#D96E07
Orange 60
#F08F30
Yellow
#FEDB44
Gradient
Primary
SIGNATURE · 135°
The Signature
Full teal-to-orange-to-yellow arc. Hero surfaces, brand moments, OG images, and key social posts. The one that says us immediately.
#1EBDA5
#D96E07
#FEDB44
DEEP OCEAN · 150°
Deep Ocean
Navy into teal. Used for digital strategy, SEO, and tech-adjacent content. Calmer. More focused. Still identifiably the brand.
#0A1628
#1EBDA5
GOLDEN HOUR · 135°
Golden Hour
Yellow into orange into dark amber. The warmest brand expression — lifestyle, campaign launches, seasonal print collateral.
#FEDB44
#D96E07
#7A3E12
WHY ORGANIC TONES
Not tech,
not trend
Teal-orange-yellow avoids the cool-tech blue sea and the oversaturated Gen-Z palette. In five years it will still feel considered — not dated.
WHY GRADIENT NOT FLAT
Motion as
philosophy
The gradient is never static. On web it shifts with CSS animation. On social it moves between frames. The brand isn't a thing — it's a direction of travel.
WHY LOW OPACITY FILL
Suggestion,
not saturation
On hero backgrounds the gradient runs at 7–8% opacity. Enough to feel. Not enough to shout. Confidence in restraint is the brand's posture.
(05) // SOCIAL PRESENCE

Consistent across
every surface.

The identity was designed Instagram-first — where most clients encounter the brand before the website. Six post types, one visual language. A feed that's recognizable as Studio Gato without the logo present.

6 TEMPLATE TYPES · FIGMA FILE INCLUDED IN HANDOFF · SCALES TO STORIES (9:16) + COVER (16:9)

(06) // THE RESULT
94k
Followers — up from 18k in 4 months
6wks
Brief to full launch
4.9
Average client rating post-launch
1rd
Logo signed off in a single round
(07) // NEXT CASE
Koto Studio

Rebuilding a design studio's digital presence · +840% organic

View case study →