DHAHAB · ذهب · The Golden Standard

The lion mark

One mark for everything I ship — the site, the apps, the products, the clothing label. It is drawn by a program, not by hand, so a change to the geometry reaches every surface on the next build.

The DHAHAB lion mark: a gold mane around a dark shield-shaped lion face.

lion-mark.svg · gradient gold on near-black · 256 × 256 artboard

1 Generator — one program draws every variant, lockup and avatar Construction, section 02
2 Colourways, and there is never a third Rule 1, section 08
4 Marks cut from that one geometry — master, flat, ink, monogram Variants, section 05
24px Floor for the master mark — below it, the tile takes over at 16px Scale, section 07

01 · Why

King, sword, gold — in one figure.

Two brands, two languages, one silhouette that carries both.

My clothing label is KXNG SEF: king, plus سيف — Arabic for sword, and the nickname I have had since childhood. My studio is DHAHAB: ذهب, gold. A lion's mane is the one figure that carries both without needing a word in either language. It also survives being shrunk: at 16 pixels a monogram turns to mush, but a mane silhouette is still a mane.


02 · Construction

Three decisions do all the work.

Everything is generated from one Python file. These are the parts that took the most iterations to get right — and the failure mode each one prevents.

The mane hangs

Shard length is a function of angle — cropped over the brow, heaviest at the jaw, with two low harmonics for an organic outline. A constant radius does not read as a lion. It reads as a sun.

The shards vary

Lengths carry a deterministic jitter. Identical petals at even spacing read as a flower, not a mane — same reason a hand-drawn mane is never symmetrical.

The muzzle falls

A philtrum line under the nose and lobes that drop away. Lift those lobe ends by a few units and the whole mark turns into a smiley face. This is the single most fragile detail in the design.


03 · Colour

Gold on black, or ink on bone.

No third colourway. The gradient runs light to dark, top to bottom, and never rotates.

Ink #0A0A0B The mark's own ground. Not a text colour — the page ground it sits on is #0B0B0D.
Gold #D4AF37 --gold-400 · measured 8.08:1 on the dark surfaces. Safe as text.
Gradient F4E2A1→A9821F Fill only. It exists inside the mark's geometry and is never set on type.
Bone #F2EDE4 --ink · measured 14.57:1 on the dark surfaces. The primary copy colour.

The ramp behind it

One hue family, eight stops, so no page ever has to invent a gold. Ratios are the measured worst case across the four dark surfaces the site uses.

--gold-100#F7E9B814.00:1 — brightest legible stop
--gold-200#EFD98F12.13:1
--gold-300#E9C96A10.54:1 — gold body text on a dark surface
--gold-400#D4AF378.08:1 — the brand gold
--gold-500#B8942F5.92:1
--gold-600#9E832E4.64:1 — the AA floor, and the last stop that may hold text
--gold-700#836D263.38:1 on dark — paper only (4.81:1 on #FBFAF7)
--gold-800#5C4C1B2.03:1 — decorative only. Rules and fills, never ink.

Every ratio above was measured with the WCAG 2.x formula against the four dark surfaces the site actually paints, and the worst of the four is the one quoted. Two stops are disqualified from ever holding text: --gold-700 is paper-only and --gold-800 is decorative. A gold that looks right and fails a reader is not on brand.


04 · Type

Three faces, none of them downloaded.

The site makes zero external font requests, on any page, ever. Everything below is a face your machine already had.

The Golden Standard

Display serif — headlines only

"Iowan Old Style", "Hoefler Text", "Apple Garamond", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", serif

Earned. Never given.

Display sans — section heads, buttons, labels

"Inter Tight", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif

#D4AF37 · 8.08:1

Mono — figures, hex values, captions, receipts

"SF Mono", ui-monospace, Menlo, Consolas, monospace

The honest cost of that rule: I do not control which face you are reading. The serif above resolves differently on macOS, Windows and Linux, and on an unlucky machine it lands on Times New Roman. That is the trade — a page that renders instantly and phones nobody, in exchange for a specimen I cannot guarantee. I take it every time.


05 · Variants

Four marks, one geometry.

Pick by surface, not by taste. Every file below is an SVG you can open and inspect.

The master mark in gradient gold.

Master

Gradient gold on any dark surface. Web headers, footers, decks.

lion-mark.svg ↓
The mark in a single flat gold.

Flat gold

One solid gold. For small sizes and print, where a gradient bands.

lion-mark-flat.svg ↓
The mark in near-black on bone.

Ink on bone

Light garments, white paper, anything printed on a pale ground.

lion-mark-ink.svg ↓
The mane with a YG monogram in place of the face.

Monogram

Mane with YG instead of a face. Formal and document use.

lion-monogram.svg ↓

06 · Lockups

Mark plus wordmark.

The canvas sizes itself to the word, so a long name never overflows its own artboard.

Lockup: the lion mark beside YUSUF GADELRAB and DHAHAB in Arabic and Latin script.
Lockup: the lion mark beside DHAHAB and the line The Golden Standard.
Lockup: the lion mark beside KXNG SEF and the line Earned. Never given.

07 · Scale

It has to work at favicon size.

Below 24px, switch to the tile — the loose shards blur into a blob without a container.

96px
48px
24px · floor
tile · 32px
tile · 16px

08 · Rules

Five, and they are not negotiable.

Written down because a rule you keep in your head is a rule you break at 2am.


09 · The kit

Everything, in one download.

Every SVG variant, both lockup sets, the profile avatars, the header banners, and a one-page rules file.

Square profile avatar: the gold lion mark centred on near-black.
Avatar · 400 / 800 / 1024px
inset so a circular crop never clips the mane
Square profile avatar in near-black ink on a bone ground.
Avatar, light ground
for light-mode profiles and print directories
LinkedIn header banner: lion mark beside the name and a one-line summary.
LinkedIn header · 1584×396
lower-left kept clear for the profile photo
Wide header banner for X and GitHub.
X / GitHub header · 1500×500

The mark is my identity — use it to refer to me or my work, not as your own brand. That is the whole licence — there is no longer version. The download sits at the foot of this page.


10 · Where it lives

One generator, every surface.

Three places the same source file ends up, unchanged.


Take the mark with you.

Every SVG variant, both lockup sets, the avatars and the banners — one ZIP, no signup. Writing about the work instead? The media kit has the approved copy.