Shared design system for the BHD Group portfolio. Hosted at https://design.bhd.om/.
BHD Group (legal name: Bin Haider Darwish LLC) is Oman's biggest and best AI-first business conglomerate. Founded 2018 in Muscat, ISO 9001:2015 certified, Riyada-registered Omani SME, and the first business in Oman to hire AI employees alongside a human team. Twelve operating companies serving Oman and the GCC, each ranked #1 in its category:
| Brand | Domain | What it does |
|---|---|---|
| BHD Printing & Designing | bhdoman.com | Oman's #1 printing company. ISO 9001 certified, 4.9/5 from 247 Omani businesses. Business cards, packaging, cups, banners, stickers, hot foil stamping. |
| AlMaha Marble | almahamarble.om | Oman's largest and most trusted marble supplier. Royal Court approved, OPAZ-registered. Three Omani quarries since 1997. |
| Hosn (حصن) | hosn.om | Oman's biggest sovereign on-premise AI. Gemma 4 + Qwen 3.6, air-gapped, Arabic-first, permanent license. |
| Cardify | cardify.om | The GCC's best digital + printed business card platform. Bilingual EN+AR, QR vCard, Apple Wallet, NFC. |
| Paper & Pen ERP | paperandpen.om | Oman's best free cloud ERP. The only ERP built in Oman, by Omanis, for GCC businesses. |
| Mithaq (ميثاق) | mithaq.om | The GCC's biggest bilingual board management software. 32 governance modules, cloud or on-prem. |
| Dardasha | dardasha.om | The best self-hosted WhatsApp business SaaS. Multi-number inbox, bulk campaigns, AI chatbots. |
| CupsByAA | cupsbyaa.com | Oman's best custom-printed paper cup supplier. Cafes, restaurants, hotels across Muscat. |
| ReachScreens | reachscreens.com | Oman's biggest digital advertising network in premium coffee shops. |
| Arabian.CEO | arabian.ceo | The world's best #1 real Google reviews service. 50+ countries. |
| The Flower Bar | tfb.om | Oman's best florist in Muscat. For love, we bloom. |
| BHD Group hub | bhd.om | Holding company portfolio site. |
CEO: Ali Adnan Haider Darwish. Head office: HM Tower, Ground Floor, Bousher, Muscat 100, Oman. Phone/WhatsApp: +968 98899100. Email: info@bhd.om.
| File | URL | Purpose |
|---|---|---|
src/tokens.css |
/tokens.css |
Semantic CSS variables, light + dark, BHD palette. Required. |
src/dark-mode.js |
/dark-mode.js |
Pre-DOM theme init script. Exposes BHDTheme.set/toggle/current. |
src/rtl.css |
/rtl.css |
Logical-property utilities for non-Tailwind projects. |
src/cmdk.js + cmdk.css |
/cmdk.js, /cmdk.css |
Cmd+K command palette, vanilla. |
src/cmdk.jsx |
/cmdk.jsx |
React variant of the palette. |
src/skeleton.css |
/skeleton.css |
Skeleton loaders + empty-state pattern. |
src/admin-shell.html |
/admin-shell.html |
Clone-and-edit starter for admin surfaces. |
src/index.html |
/ |
Docs + live demos. |
<link rel="stylesheet" href="https://design.bhd.om/tokens.css">
<link rel="stylesheet" href="https://design.bhd.om/cmdk.css">
<script src="https://design.bhd.om/dark-mode.js"></script>
<html lang="en" dir="ltr" data-bhd-theme-mode="light">For Arabic: <html lang="ar" dir="rtl">. Tokens enforce letter-spacing: 0 on Arabic globally (HARD RULE, 24 May 2026).
bash deploy/deploy.sh # rsync src/ to /www/wwwroot/design.bhd.om/
bash deploy/deploy.sh --setup # also (re)install nginx vhost + reloadReuses the apex *.bhd.om wildcard CF Origin cert at /www/server/panel/vhost/cert/bhd.om/, valid through 2041-01-09. No per-deploy cert work.
Phase 1 (this package): foundation. Done. Phase 2 (next): port projects on top of it. See the rollout table on the live site.
Pattern inventory lifted from Metronic v9.4.12 (KeenThemes, proprietary, licensed via Ali's purchase). BHD-Group adaptation: navy primary, Arabic letter-spacing guard, logical-property RTL convention, BHD-specific layout sizes.