A Design System That Truly Works in Arabic and English

A bilingual experience is more than translated copy; direction, spacing, type, and components must respond to each language.

A practical framework

Use logical CSS properties and test components with real Arabic copy early. Avoid hard-coding direction into icons, and review headings, empty states, and validation in both languages.

Checklist

• Logical inline and block properties
• Readable type in both scripts
• Keyboard testing
• Mobile review in both directions

The next step

Choose one decision you can apply this week, assign an owner and success signal, then review the result before expanding scope.