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.
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
Warm. Earned, not loud.
#F4F0EA
#ECE7DE
#FBF8F2
#1A1612
#2A241E
#6C6258
#8B3A1F
#6F2C16
#F0E4DC
#D9D2C4
One family. Applied with restraint.
Display — Libertinus Math
Two brothers. A long delivery record.
UI & body — Libertinus Math
Lofts Studio is the senior web engineering team of brothers Adnan and Irfan Khan. Two cities. One craft.
Utility — Libertinus Math
// long delivery record · almost 15 years · 100% JSS · founder-led work
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.
Three lines. Use the right one.
Primary
Senior web engineering for founders.
Long form
Two brothers. A long delivery record. One studio that still answers its own email.
Verification line (always under hero stats)
2 Top Rated Upwork operators · high-volume delivery · 100% JSS · almost 15 years
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.
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.