sabathemeFind your style
SABATHEME / GUIDES

A LITTLE CLARITY GOES A LONG WAY.

A considered layout in both directions

Plan Persian and other right-to-left content as a complete reading experience.

01

Set the reading direction deliberately

Use the language and direction attributes that match the content. Mixed text, including product codes and web addresses, deserves its own check. Test real Persian copy, not a mechanically reversed English paragraph.

02

Use direction-aware spacing

CSS logical properties describe spacing in relation to the writing direction. They can reduce the need for separate left and right overrides. Review icons individually: a directional arrow may need a different treatment from a logo or a product image.

03

Check the details of the type

Test punctuation, numerals, line height and mixed-language labels. Allow room for longer navigation and button text. Read the whole journey in the target language, including the search state and any validation messages.

Further reading

MDN: CSS logical properties