Brand system

Lofts Studio
brand guide.

A quiet, considered system. Inspired by editorial print, architectural drawings, and the way senior engineers think about the work — slowly, then all at once.

1. The mark

Two beams. Two studios. One craft.

The mark is two stacked horizontal beams — a small architectural section drawing. The top beam is the Multan loft. The lower beam is the Dubai loft. The small accent stroke at the base is the founder line.

Full lockup

Wordmark only

2. Palette

Warm. Earned, not loud.

--bg
#F4F0EA

--bg-soft
#ECE7DE

--surface
#FBF8F2

--ink
#1A1612

--ink-soft
#2A241E

--muted
#6C6258

--accent
#8B3A1F

--accent-deep
#6F2C16

--accent-soft
#F0E4DC

--line
#D9D2C4

3. Typography

Two faces. Both deliberate.

Display & UI — Inter Tight

Two brothers. A thousand projects.

Editorial — Source Serif 4

Lofts Studio is the senior web engineering team of brothers Adnan and Irfan Khan. Two cities. One craft.

Monospace — JetBrains Mono

// 1,000+ projects · 9 years · 100% JSS · $900K+ value

4. Voice

Editorial. Direct. Earned authority.

We sound like

A senior engineer explaining their work over coffee.
Specific numbers. Specific outcomes. Specific tradeoffs.
Long sentences when warranted. Short sentences when they hit.
Opinionated. Willing to say no. Willing to say this is a bad idea.
Quiet confidence — the proof is in the work, not the language.

We don’t sound like

An agency pitch deck. “We empower brands to scale through…” — no.
A junior dev imitating Twitter threads.
Aspirational marketing fluff. “World-class.” — never.
Defensive or apologetic about scope or timeline.
Loud. We earn attention through the work, not the volume.

5. Tagline system

Three lines. Use the right one.

Primary

Senior web engineering for founders.

Long form

Two brothers. A thousand projects. One studio that still answers its own email.

Verification line (always under hero stats)

2 Top Rated Upwork operators · 1,000+ delivered · 100% JSS · 9 years

6. Spacing & radii

Tight grids. Generous air.

--r-sm: 2px
--r-md: 4px
--r-lg: 6px
--r-xl: 10px

Spacing: 1rem (16px) base. 1.5rem, 2rem, 2.5rem, 3rem standard.
Section padding: 5rem 0 desktop, 3.5rem 0 mobile.
Container max-width: 1200px. Container-narrow: 760px.

7. Don’ts

What we won’t do. Ever.

Use emojis in body copy. (Permissible in inline navigation chrome only.)
Use stock photography of laptops, handshakes, or diverse-team-pointing-at-screen tropes.
Use the accent rust color (#8B3A1F) on more than one element per fold.
Use the wordmark smaller than 16px tall, or the lockup smaller than 32px tall.
Place the mark on backgrounds outside the brand palette without an explicit color override.
Italicize anything other than the editorial serif italic for emphasis.

Lofts Studiobrand guide.