Arabic & Bilingual
Give English and Arabic equal prominence. Respect reading direction and natural proportions; keep the symbol in its original orientation.
An idea becomes a next step.
فِكْرَةٌ تُصْبِحُ خُطْوَةً.
Give both scripts equal prominence
Arabic gets its own rhythm, line height and language-specific lockup. Never squeeze the script to imitate English. Keep technical identifiers isolated from reading direction.
فِكْرَةٌ تُصْبِحُ خُطْوَةً.
فِكْرَةٌ تُصْبِحُ خُطْوَةً.
In practice
An idea becomes a next step.
Notice. Connect. Apply.
فِكْرَةٌ تُصْبِحُ خُطْوَةً.
لاحظ. اربط. طبّق.
Give each script a complete thought and enough room. Balance their visual weight.
فِكْرَةٌ تُصْبِحُ خُطْوَةً.
لاحظ. اربط. طبّق.
The Arabic lockup leads a right-to-left reading order. Spacing and actions use logical alignment.
An idea becomes a next step.
Notice. Connect. Apply.
فِكْرَةٌ تُصْبِحُ خُطْوَةً.
لاحظ. اربط. طبّق.
HEX values, dimensions and filenames keep their left-to-right order inside native bilingual copy.
Compare scripts without changing the site language
An idea becomes a next step.
Notice. Connect. Apply.
فِكْرَةٌ تُصْبِحُ خُطْوَةً.
لاحظ. اربط. طبّق.
Rules and source
Natural reading direction
English is left-aligned with Nunito Sans and Inter. Arabic is right-aligned with Almarai for display and body. Use the supplied language-specific lockups.
Isolate technical values
Keep hex values, dimensions, filenames and code left to right inside Arabic copy. Give each script equivalent hierarchy and room to wrap.
Do
Give both languages equivalent prominence and room to reflow.
Don’t
Do not mirror the logo or compress Arabic to fit English proportions.
Open editable Figma sourceSource pages 9, 11, 26