Federal Tax Authority · United Arab Emirates
Corporate Tax — design system
A living styleguide for the tokens and components behind the platform. Authority-grade, restrained, and bilingual-ready. Tab through the controls to see keyboard focus; switch language to see the page mirror.
Colour
Every token is available as a CSS variable and a Tailwind utility (bg-brand, text-secondary …).
Brand
Neutral · foreground
Neutral · surface
Semantic
Dark chrome
On-chrome text — used for sidebars and rails
On-chrome muted — secondary labels on dark surfaces
Typography
IBM Plex Sans for UI, IBM Plex Sans Arabic for Arabic, IBM Plex Mono for figures. Body line-height 1.55.
Weights · IBM Plex Sans
Regular 400 — return summary
Medium 500 — amount due
Semibold 600 — tax payable
Arabic · IBM Plex Sans Arabic
الهيئة الاتحادية للضرائب
قدّم إقرار ضريبة الشركات قبل الموعد النهائي.
Status chips
Semantic states for obligations, cases, and payments.
Card & figures
Money, TRN, and reference numbers use mono with tabular figures.
Corporate Tax · annual return
Financial year 2028
- Amount due
- AED 84,500.00
- Due date
- 30 Jun 2028
Numeric fields
- Tax registration number
- 200000123400002
- Return reference
- CT-2028-004821
- Payment reference
- PMT-9F3C-20A7
- Net tax payable
- AED 251,000.00
- Refund due
- AED 1,284.50
Bilingual & RTL
English is the source of truth; Arabic is fully translated. Numbers stay left-to-right and in mono, even inside Arabic text.
Sample strings
Interpolation
Welcome back, Aisha
landing.greeting + { name }
Money inside an Arabic sentence (LTR-isolated)
Your outstanding Corporate Tax balance is AED 84,500.00.
Foundations
Radius, elevation, and focus tokens.
Radius
Elevation
Card shadow
Subtle depth · no gradients
Focus ring
3px crimson ring at 25% opacity