The canonical reference for surfaces, typography, color tokens, anodized package metals, and interaction standards across dusetra.com, the Dusetra Client Portal, and the Dusetra iOS & Android app.
Every new page, portal screen, or mobile view is evaluated against five non-negotiable standards.
Quiet, high-contrast Apple-grade surfaces with generous breathing room, crisp 1px borders, and zero decorative noise.
Rule: Lead with structured hierarchy and scannable numbers; remove redundant pills, borders, and duplicate buttons.
Every UAE license, residency visa, authority fee, and Year-2 renewal obligation is published openly in AED.
Rule: Format all currency as whole-integer AED (e.g. AED 11,875) with tabular numerals and explicit annual vs. multi-year labels.
Dusetra Red (#ff3533) is our signature signal—never a wallpaper wash.
Rule: Reserve brand red strictly for the Dusetra wordmark, section eyebrow dots, active shortlist states, and high-intent CTAs.
Light Mode (#ffffff / #f5f5f7) and OLED Dark Mode (#000000 / #161618) are first-class citizens across web, portal, and mobile.
Rule: Bind every UI surface and text color to semantic CSS custom properties resolved via light-dark() and <meta name="color-scheme">.
Use resilient web and mobile primitives that work effortlessly with touch, keyboard, and assistive technology.
Rule: Use native <dialog> top-layer modals, stretched-button <article> cards, >= 44px coarse touch targets, and >= 1rem iOS form inputs.
Use only the official custom-drawn Dusetra geometric wordmark vector in one of three approved solid fills.
Clearspace & Integrity: Maintain at least 1x wordmark cap-height clearspace on all sides. Never skew, outline, apply drop shadows, or place gradients inside the letterforms.
Click any token or hex value to copy. Never hardcode raw surface or text hexes inside components—always reference semantic CSS variables or @dusetra/core tokens.
Primary wordmark, eyebrow dot, active selection ring, primary high-intent accents
Root page background and primary card surfaces in light mode / OLED base in dark mode
Alternating editorial bands, directory backdrops, and recessed grouping containers
Cards, dialogs, drawers, and elevated portal panels
Headlines, prices, card titles, and primary body text
Supporting descriptions, editorial body copy, and table metadata
Captions, timestamps, input placeholders, and secondary labels
Primary navigation Book a Call pill and solid neutral action buttons
Company formation stage & AI conic search glow stop 1
Portal, visas & banking stage & AI conic search glow stop 2
Multi-year expansion stage & AI conic search glow stop 3
0% UAE tax benchmark figures and standard approval indicators
Foreign tax comparison figures and External NOC required badges on /activities
Dual-layer sandblasted Retina grain (/images/pricing-grain.png) composited over OKLab mesh gradients to distinguish Dusetra's three UAE jurisdiction tiers without text clutter.
Self-hosted variable Inter Tight (400–700) paired with metric-matched fallbacks and font-size-adjust: from-font for zero layout shift.
UAE business setup, engineered for clarity.
Line-height 1.06–1.08 · text-wrap: balanceBuild your package with zero hidden renewal fees.
Line-height 1.12 · paired with red-dot section eyebrowInnovation & Artificial Intelligence Consultancies
Line-height 1.32 · high-contrast --text-heading100% foreign ownership, digital MoA signing, UAE residency visas, and pre-audited corporate bank KYC.
Line-height 1.58–1.65 · max measure 65–70chAED 11,875 · 0% vs 45% · Code 6201001
font-variant-numeric: tabular-nums · whole-integer AEDShared rules keeping web pages, Newsroom articles, the client portal, and the mobile app cohesive.
22px–24px on content cards and dialogs, 16px on search & text inputs, and 9999px capsules on primary CTAs and badges.<article> cards with a single stretched heading <button> or <a> (::after) while keeping sibling actions elevated above the overlay.#2bc866, #437ef7, #ff3533) reserved strictly for primary directory and AI search inputs.prefers-reduced-motion, Windows High Contrast (forced-colors: active), and WCAG AA contrast in both themes.AED 5,000 professional fee is annual on 1-year plans or once-off across multi-year locks).AED 17,900 (space after AED, comma thousands, no .00 decimals) and explicit calendar years.