Tokens & Surfaces
Every brand color and gradient, rendered from the live CSS tokens lifted from the brand guidelines HTML.
text — primary body & headlines (#F0EDE6)
text-dim — secondary emphasis (#C4C1BA)
text-muted — captions & metadata (#8A8D96)
text-faint — disabled / fine print (#5A5D66)
Scale & Voice
Bricolage Grotesque (display), Inter (body), Space Mono (labels).
Build a halal recruitment business.
Proof over promises.
The Blueprint
Module Four — AI agents as a B2B product
Free Support Community
Listen, trust me when I say this: recruitment is the most underrated halal B2B play right now. A single £50k hire at a 15% fee gets you £7,500. Ten hires in a year? That's £75,000 without touching interest.
Gradient text — hero (green → blue)
Gradient text — green
Gradient text — gold
Call-to-Action System
Surfaces & Containers
Default card — surface + border
Standard content container used for most cards across the site.
Elevated — lighter surface
Used inside other cards, or to distinguish nested content.
Featured — solid green border
The pricing card, hero testimonial, or any highlighted element.
Glow — ambient radial backdrop
Adds atmosphere. Used sparingly on hero cards.
The green-vs-red contrast mechanic
Used wherever two paths are being compared — the Problem section, the pricing comparison, the FAQ, anywhere a "right path vs. wrong path" frame is needed.
Interest-based business "courses"
Teaches you to build wealth on riba. Blessings dry up even if the numbers look good on paper.
Recruitmentle — B2B halal agency
You charge businesses a fee to hire staff. Zero interest, zero haram, 100% Barakah-aligned.
Wordmarks & Icons
Green atmosphere
Radial glow behind the content — subtle depth, never a solid block. Used on Hero and Final CTA.
Halal Robbery atmosphere
Gold variant for the pricing section.