Layout and mirroring
What mirrors and what does not: navigation and chrome mirror, while charts keep a left-to-right time axis.
Service
Arabic and RTL design
We design right-to-left and bilingual English and Arabic interfaces, in Arabic from the start rather than mirrored after. That covers layout, numerals, mixed-direction text, charts, AI states and copy, on one design system that serves both directions.
When you need it
When to bring us in for Arabic and RTL design
- Your product works in English and the Arabic version feels like a translation.
- You are launching in the GCC or the Levant and need Arabic at launch.
- Numbers, dates and mixed English and Arabic text look broken in your Arabic screens.
- You want one design system for both languages instead of two.
What we design
What Arabic and RTL design covers
A numeral hierarchy
Which figures use Eastern Arabic numerals and which stay Latin. In Traveln B2B, business figures are Arabic and booking references stay Latin to match exports and emails.
Mixed-direction text
English names, amounts and filenames inside Arabic sentences, handled so they stay readable.
Arabic copy and AI states
Natural Arabic for interface and AI states, not translated labels.
Bilingual workflows
Flows where the user works in Arabic and the output is English, like a proposal generated for a client.
One system, two directions
Components built with logical properties so both languages ship from one library.
Deliverables
What you get
- Arabic and English screens designed together
- Rules for mirroring, numerals and mixed text
- A direction-aware component library
- Arabic interface and AI copy
- Testing with Arabic-speaking users
How it runs
How we run Arabic and RTL design projects
- 01
Understand
Who reads in which language, and which market decides the defaults.
- 02
Define the rules
Mirroring, numerals and mixed-text rules agreed before screens are drawn.
- 03
Design both directions
Every screen designed in both, on one system.
- 04
Test
With Arabic-speaking users, on real content.
The same four steps run every project. Read the full process.
Proof
Arabic and RTL design work
Related
Read next
FAQ
Questions about Arabic and RTL design
What is RTL design?
RTL means right to left. RTL design adapts an interface for languages written right to left, such as Arabic: layout, navigation, icons, text alignment and the handling of numbers and mixed-direction text.
Is RTL design just mirroring the layout?
No. Some things should not mirror, such as a chart's time axis or a media player, and numbers and English words inside Arabic text need their own rules. Mirroring everything creates new problems.
Should Arabic interfaces use Eastern Arabic numerals?
It depends on the figure. We use a hierarchy: figures people read and discuss in Arabic can use Eastern Arabic numerals, while codes, references and some amounts stay Latin so they match other systems.
Can one design system serve English and Arabic?
Yes. Components built with logical properties, start and end instead of left and right, work in both directions, so new features land in both languages at once.
Talk to us about Arabic and RTL design.
We reply by email to set up a call. Most projects start with a short conversation and a scoped proposal.