Sary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App TypefaceSary App Typeface
✦ Geometric ✦ Contemporary ✦ Digital ✦ Geometric
Client

Sary SA

Project

Sary App Custom Typeface

Scope

Arabic & Latin Custom Typeface / Brand Typography

Date

October 2019

Styles & Weights

Sans + Serif · 9 Weights Each.

Designers

Ibrahim Hamdi, Abdo Mohamed

SARY — A CUSTOM TYPE SYSTEM FOR THE APP.


A bilingual custom type family created as a core part of Sary’s brand identity and digital product.

Designed across Arabic and Latin, the system brings together two complementary families: Sary Sans for interfaces and continuous text, and Sary Serif for headlines and more expressive brand communication.

SaryApp_Slide_ (1)

ONE SYSTEM. TWO VOICES.

Sary spans nine Sans weights and nine Serif weights, creating a flexible typographic palette for everything from compact interface text to large campaign headlines. Both families were developed to work together with a consistent visual rhythm, while giving the brand enough range to shift naturally between functional and expressive communication.

SaryApp_Slide_ (3)
SaryApp_Slide_ (4)

DESIGNED FOR A MULTILINGUAL PRODUCT.

The type system supports 91 languages across Arabic- and Latin-based writing systems, including Arabic, Persian and Urdu. A broad set of OpenType features—including contextual alternates, fractions, ordinals, tabular figures, case-sensitive forms, stylistic sets and ligatures—extends the family for everyday product and brand use.

SaryApp_Slide_ (14)
SaryApp_Slide_ (8)
SaryApp_Slide_ (9)
SaryApp_Slide_ (19)
SaryApp_Slide_ (2)
SaryApp_Slide_ (6)

FROM BRAND IDENTITY TO INTERFACE.

The goal was not simply to create a branded font, but to build a functional typographic system that carries Sary’s identity across its digital experience. Sary Sans brings clarity and consistency to interface and text use, while Sary Serif introduces a more distinctive voice for headlines and communication—keeping Arabic and Latin visually connected across every touchpoint.

SaryApp_Slide_ (13)
SaryApp_Slide_ (10)

BUILT TO GROW WITH THE BRAND.

Following completion of the typeface, we continued supporting the Sary team through implementation, helping the system transition smoothly into the app and the wider brand ecosystem.

SaryApp_Slide_ (18)
SaryApp_Slide_ (7)
SaryApp_Slide_ (21)
SaryApp_Slide_ (5)
SaryApp_Slide_ (12)

SARY IN USE.

A selection of the custom typefaces in use across Sary’s digital products, campaigns and official communication.

623811805_18092837761979183_1043380072352893325_n
651205461_17968582851034173_1689686327510846623_n
620833796_17889763332285741_8803892235153684101_n
624907555_18065154923261818_5616012085306112940_n
625776933_18073342892118135_5188817869960574694_n
623023137_18092250644316937_4521283212258126577_n
SaryApp_Slide_ (17)
SaryApp_Slide_ (15)
Explore More Bespokes.
IAM SAUDI Typeface View I am Saudi. ↗ WW3 Arabic Typeface View WW3 Arabic. ↗
Need a custom typeface for your brand? Start a Project →
Contact us
Featured Typefaces.
Asset 2PALESTINELFuturistic_copy
Artboard 7@3200x
01
LavahProfont
We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.We design Original Arabic Typefaces with a Distinctive Voice — Bold, Authentic, and Crafted to Stand Apart.

Custom typefaces crafted for brands with character.

From complete type systems to refined glyph details, we design custom typography with clarity, personality, and long-term usability in mind.
Request a custom Typeface
PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY * PROTYPE FOUNDRY *

Copyright © 2026 — Protype Foundry.

View
(function($) { var prev = 0; var $window = $(window); var nav = $('.semplice-navbar'); function updateNavBlur() { var scrollTop = $window.scrollTop(); // Blur + white bg intensity: full at 0, fades out by 300px var progress = Math.min(scrollTop / 300, 1); // 0 → 1 var blurVal = 12 * (1 - progress); // 12px → 0px var white1 = 1 - (progress * 1); // rgba white top: 1 → 0 var white2 = 0.85 - (progress * 0.85); // rgba white mid: 0.85 → 0 nav.css({ 'background': 'linear-gradient(to bottom, rgba(255,255,255,' + white1 + ') 0%, rgba(255,255,255,' + white2 + ') 60%, rgba(255,255,255,0) 100%)', '-webkit-backdrop-filter': 'blur(' + blurVal + 'px)', 'backdrop-filter': 'blur(' + blurVal + 'px)' }); } $window.on('scroll', function() { var scrollTop = $window.scrollTop(); // Hide/show navbar on scroll direction nav.toggleClass('hide-navbar', scrollTop > prev && scrollTop > 50); prev = scrollTop; // Show navbar when near top if (scrollTop <= 300) { nav.removeClass('hide-navbar'); } // Update blur + gradient dynamically updateNavBlur(); }); // Run on load so it's correct at page top updateNavBlur(); })(jQuery); video.bind("end", function() { video.time(0); video.play(); });