Design System v1
The problem we solve in three words — and the brand system built to solve it out loud. Personal branding and growth marketing for people and companies too good to stay this quiet.
01 · Foundation
A seashell hides an extraordinary structure inside an ordinary shape. Our whole job is to bring that structure to the surface — to make the visible match the valuable.
We make the extraordinary visible. Strategy and storytelling, backed by results — not theory, not vibes.
Your competitor isn't better. They're just louder. We fix the volume — with substance underneath.
Direct, specific, data-driven, with warmth. Anti-fluff. Case studies over claims, every time.
8 years across Swiggy, Meesho, Times Internet & Vogue. 1.5B organic impressions. One brand grown 1.6M → 4M, +336% engagement.
Extraordinary, but invisible.
The core problem we solve.
Your competitor isn't better. Just louder.
Why strategy matters.
If I wouldn't scroll for it, neither will anyone else.
Our quality bar.
Three identities, zero connection.
The fragmentation problem.
Great products don't go viral on their own.
Why startups need a strategy.
02 · The Mark
A logarithmic spiral—the golden ratio made visible. It begins tight at the center and expands outward in perfect proportion, like a nautilus shell unfurling. Inward becomes outward. Hidden becomes visible. Structure becomes form. This is the whole brand in one shape. Treat it as the single most protected asset.
03 · Colour
Five colours. Ocean does the structural work; coral is spent in exactly one place per layout; sand is the room everything breathes in. Restraint is the system.
Deep Ocean Teal
#0D4F4F · rgb(13,79,79)
Headlines, structure, dark sections, the primary mark.
Coral Sunset
#E8634A · rgb(232,99,74)
One accent per layout — CTAs, underlines, a single highlighted word.
Warm Sand
#F5EDE3 · rgb(245,237,227)
Default background. Whitespace is a brand asset.
Charcoal
#2A2A2A · rgb(42,42,42)
Body copy on light surfaces.
Slate
#5A6B7A · rgb(90,107,122)
Captions, secondary text, descriptive lines.
For UI states and depth. Use sparingly — the five core colours carry the brand.
#DCEAE8
Ocean Wash
#2C6E6E
Ocean Mid
#0D4F4F
Ocean
#FAECE7
Coral Wash
#993C1D
Coral Deep
#E8DCCB
Sand Deep
04 · Typography
Playfair carries authority. DM Sans does the clear, modern work. Cormorant adds the editorial, human note — used like a good pull-quote, never as a workhorse.
Display · Playfair Display
Headlines, hero statements, slide titles.
Body & UI · DM Sans
Clear, direct, and built to be read on a phone at lunch. DM Sans is the default for captions, articles, buttons, and every piece of interface text. Two weights do the job: 400 for copy, 700 for emphasis and labels.
Slate secondary text sits here — captions, metadata, supporting lines.
Accent · Cormorant Garamond (italic)
For the line that should feel handwritten in the margin — a quote, a thesis, a moment of warmth.
Type Scale
05 · Voice
Specific over clever. Proof over promise. Name the problem, then prove the fix. Warm, but never soft. If a sentence could sit on any agency's website, cut it.
Write this
Not this
06 · Components
The repeatable structures behind every post. Numbers here are sequences — the order carries the strategy.
Every decision is deliberate. Every color, every word, every pixel serves the core mission: make the extraordinary visible. This isn't a style guide — it's proof that we practice what we preach.
Work With Us