Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //Bespokes //

We design and develop a custom typeface for what your brand needs.

Our goal is to deliver a custom typeface that not only enhances your brand but also provides a distinctive and memorable visual identity for your projects.

A custom typeface offers a tailored visual identity that distinguishes your brand, fostering recognition and recall. It conveys exclusivity, elevating your brand's perceived value and authenticity. By optimizing legibility and readability, it enhances communication across various mediums. The emotional resonance it creates establishes a deeper connection with your audience.
Read more ↓
  • Needs Assessment: We'll begin by understanding your specific requirements and goals for the custom typeface. What emotions or messages should it convey?
  • Brand Alignment: The typeface will be designed to align seamlessly with your brand identity, ensuring it reflects your unique character.
  • Sketch and Conceptualize: Our design team will sketch and conceptualize individual letterforms, exploring various styles and characteristics.
  • Digitalization: Using industry-standard software, we'll digitize and refine the sketches, creating precise outlines and curves.
  • Consistency: To ensure legibility and visual harmony, we'll maintain consistency in proportions, spacing, and stroke widths.
  • Kerning and Hinting: Letter spacing (kerning) and detail optimization (hinting) will be fine-tuned for exceptional readability.
  • Testing and Refinement: Continuous testing in real-world applications will identify and address any issues or areas for improvement.
  • Comprehensive Character Set: We'll expand the typeface to include a comprehensive character set, encompassing letters, numbers, punctuation, and symbols.
  • Licensing: We'll provide detailed and discuss a licensing options.
  • Client Collaboration: Throughout the process, your input and feedback will be integral, ensuring the final typeface meets your vision and requirements.

I am Saudi Typeface

30.12.2024
Frame 18
Frame 20
Frame 22
Frame 12

WW3 Arabic Typeface

30.12.2024
Artboard 29_full_2
Artboard 6_full
Artboard 28_full
Artboard 31_full

Sary App Typeface

30.12.2024
Sary – Behance Project-02
Sary – Behance Project-04
Sary – Behance Project-07
Sary – Behance Project-16

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.

(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);