§ 05 — Brand
Thebrandsystem.
One identity, end to end — the logomark, the wordmark, the peach diamond, the ink palette and the type that carry the studio across screens, social and print. Every mark below is downloadable, on the exact tokens this site is built from.
Marks
8
Banners
3
Accent
Peach
Edition
MMXXVII
◊ Positioning
Editorial first. The accent never leads.
The identity reads like a design annual, not a product page: deep ink, generous negative space, a single warm accent, and type doing the heavy lifting. The voice is confident, precise and calm — crafted sentences, no hype, no emoji.
Peach appears only as punctuation — the trailing period, the diamond, an eyebrow, a link. Electric is rarer still: a live dot, a focus ring. Everything else is ink and warm white at three honest opacities.
01 — Logomark & monogram
The mark.
A DH monogram fused with the 45° peach diamond. Keep clear-space of one diamond-width on every side; never recolour, rotate, or stretch it.
DH monogram fused with the peach diamond. The default mark.
Inverted for paper and light email headers.
Square mark for avatars, app icons and favicons.
1:1 profile mark — reads at 48px.
02 — Wordmark & lockups
The name, set.
“Delowar Hossain.” is always Newsreader italic with a peach period. Pair it with the mark using the lockups — don’t rebuild the spacing by hand.
“Delowar Hossain.” — Newsreader italic, peach period.
Mark · divider · wordmark + role. The signature lockup.
Centered — for covers, intros and the email banner.
Sacramento script in peach, with the closing flourish.
03 — Colour
Ink, warm white, peach.
The working set. Click any swatch to copy its hex. The full token table with on-ink contrast lives on the Colors page.
04 — Typography
Four voices.
A serif for display, a grotesque for interface, a mono for meta, and one script held back for the signature alone.
- DisplayNewsreaderDelowar Hossain.
Headlines, the wordmark, editorial pull-quotes. Tight tracking, italic for the mark.
- InterfaceInterCreative Developer
Labels, eyebrows, body. UPPERCASE + wide tracking for markers.
- MetaJetBrains Mono25.10°N · 89.02°E
Coordinates, code, commit hashes, tabular numerals.
- SignatureSacramentoDelowar Hossain
Reserved for the footer signature mark. One weight, peach.
05 — Motifs
The editorial language.
Section markers, the diamond, hairlines and the Roman-numeral year. Used sparingly, they make any surface read as the studio.
The peach diamond — a square at 45°
- §
- ◊
- ◌
- ↗
- ◇
- ¶
- —
- MMXXVII
Markers number sections (§ 01, § 02). Glyphs punctuate, never decorate. The hairline rule is warm white at 12% — the quietest line in the system, and the most used.
06 — Social & email banners
Cover art.
Drop-in covers for X, LinkedIn and the email campaign — each composed around its platform’s safe areas.
Avatar + UI safe areas respected.
Lockup held centre-right of the photo overlap.
Survives a 50% downscale to 600px.
07 — Print & poster
On paper.
The card and the A-series poster carry the same system into print — ink, peach, and a great deal of restraint.
Monogram, wordmark, role. 3.5 × 2 in.
Contact block — email, domain, socials.
A-series statement piece, 1 : 1.414.
◌ Resources
The full kit.
Marks, banners, the brand book and the email campaign templates — all in the repository. Press D on any card to download its SVG.