HaylHayl

Two typefaces carry the brand in both languages.

Fraunces for Latin and Noto Naskh Arabic for Arabic. Both are free on Google Fonts under the SIL Open Font License, so every partner and printer can use them.

Fraunces

A soft old-style serif with an optical size axis: it gets sturdier at small sizes and more refined at large ones. We use 400 for text and 650 for headings.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789

نسخ

نوتو نسخ عربي، خط نسخ واضح يقرأ جيداً في النصوص الطويلة. نستخدم الوزن العادي للنص والعريض للعناوين.

أ ب ت ث ج ح خ د ذ ر ز س ش ص ض ط ظ ع غ ف ق ك ل م ن ه و ي ٠١٢٣٤٥٦٧٨٩

One scale serves both scripts.

Arabic runs 10 percent larger than Latin at every step (the --font-arabic-scale token), so both read at the same visual size.

Display
--size-type-display
Tea, slowly.شاي على مهل.
H1
--size-type-h1
The second cup is better.الكوب الثاني أطيب.
H2
--size-type-h2
Cardamom, saffron, dried lime.هيل، زعفران، لومي.
H3
--size-type-h3
Open daily from eight.نفتح يومياً من الثامنة.
Lead
--size-type-lead
Every blend is mixed by hand in small batches.نمزج كل خلطة باليد وبكميات صغيرة.
Body
--size-type-body
Steep for four minutes, then pour into a warm glass.انقعه أربع دقائق، ثم اسكبه في كوب دافئ.
Small
--size-type-small
Prices include VAT.الأسعار تشمل الضريبة.

Follow these four rules when setting text.

Give Arabic more line height.

1.75 for Arabic body text, 1.6 for Latin. Arabic has taller ascenders and deeper descenders.

Never letter-space Arabic.

Tracking breaks the joins between letters. If a line needs to be longer, rewrite it.

Use Western digits in both languages.

Hayl prints prices and phone numbers as 0 to 9 everywhere, so menus and receipts match.

Keep headlines short and sentence case.

No all caps in Latin. Arabic has no capitals, and all caps would make the Latin shout over it.