Brand Identity Design: From Strategy to Visual SystemColor, type and supporting visual systems · Lesson 8 of 18

Brand typography systems

Article · 7 min · 8 min lecture

Video lecture

Brand typography systems

11 chapters · about 8 min · full transcript

Coming soon

Chapter 1 of 11

Brand typography systems

  • Recognition without the logo
  • Anatomy of a type system
  • Scripts, scales, rules
  • Fallbacks and licensing

The narrated lecture is in production

Every chapter is scripted and ready. Browse the chapters and read the full transcript now — the video will appear here when it’s published.

Chapters

Typography is a brand asset

Typefaces can be as recognizable as colors or logos. Consistent brand typography makes every post, slide and web page feel like it comes from the same place — even without a logo.

Anatomy of a brand type system

ComponentDecision
Primary typefaceHeadlines and brand expression
Secondary typefaceBody text, UI, long reading
ScriptsArabic, Urdu or other scripts and their pairings
Weights and stylesWhich weights are allowed (e.g. Regular, Semibold, Bold)
Type scaleNamed sizes for digital and print
RulesCase, tracking, leading, alignment, emphasis
FallbacksSystem fonts when brand fonts are unavailable (email, some documents)

Choosing brand typefaces

Beyond the fundamentals (legibility, tone, pairing), brand typography needs:

  • Distinctiveness: very common default fonts make a brand look generic. A distinctive headline face — or a customized one — helps recognition.
  • Range: enough weights to create hierarchy across many applications.
  • Language support: all needed scripts and characters, designed to work together.
  • Licensing for every use: desktop (design team), web embedding, app embedding, broadcast/video, logo, and number of users. Commercial licenses differ — budget for them.
  • Availability for partners and staff: if non-designers create documents, consider how they will access fonts (shared brand kits in online tools, open-license families, or approved fallbacks).

Custom and bespoke type

Larger brands sometimes commission a custom typeface, which increases distinctiveness and can simplify licensing. For small brands, a sensible middle route is a carefully chosen licensed family plus a custom wordmark in the logo.

Multi-script systems

For brands in Pakistan, the Gulf and beyond:

  • Choose Latin and Arabic-script faces with compatible weight, contrast and visual size. Some type families are designed in both scripts together.
  • Remember Arabic script is typically set with different vertical proportions; don't force identical cap heights.
  • Nastaliq (common for Urdu) has distinctive diagonal flow and needs extra line height.
  • Define rules for bilingual layouts: which language leads, alignment (right for Arabic/Urdu, left for English), and how to mirror layouts.
  • Have native readers review typography — awkward joins or wrong letterforms damage credibility.

Type scale and rules

Define a named scale that works for both digital and print, for example:

Brand type scale (digital, base 16 px)
display   56 / 60 line-height, Bold, tracking −1%
h1        40 / 48, Bold
h2        32 / 40, Semibold
h3        24 / 32, Semibold
body      16 / 24, Regular
small     14 / 20, Regular
label     12 / 16, Semibold, uppercase, tracking +4%

Add social-specific sizes (larger) because canvases are scaled down on phones.

Rules to document:

  • Headline case: sentence case or title case? (Sentence case often feels more modern and friendly.)
  • When uppercase is allowed (labels, short tags).
  • Alignment defaults.
  • Emphasis method (weight or color, not both).
  • Numerals: lining or old-style; tabular for tables.

Fallback fonts

Email clients, some office documents and certain platforms cannot use custom fonts. Specify fallbacks (for example a widely available system sans-serif) with similar proportions so layouts do not break and the brand still looks tidy.

Worked example: type system for a professional-services firm in Riyadh

  • Primary: a contemporary serif for English headlines (authority, editorial feel), paired with a modern Arabic typeface with similar contrast.
  • Secondary: a humanist sans in Latin and a matching Arabic sans for body and UI.
  • Weights: Regular, Medium, Bold only.
  • Rules: sentence case headlines in English; right-aligned Arabic; bilingual documents lead with Arabic on official materials.
  • Fallbacks: system sans in email; an open-license serif in office templates.
  • Licenses: desktop for five designers, web for the website, app embedding for the client portal.

Common mistakes

  • Choosing a font the brand cannot legally use in apps or video.
  • Specifying only English typography for a bilingual brand.
  • Allowing every weight in a large family, which reduces consistency.
  • No fallbacks, causing broken emails and documents.

Hands-on: licensing matrix and fallback stacks

Before you finalize a type system, confirm the license covers every use.

UseNeeded?License type to checkNotes
Design team desktopYesDesktop, number of usersFreelancers may need their own seats
WebsiteYesWeb font (often by page views)Or self-host an open-license family
Mobile appMaybeApp embeddingOften separate from web
Logo / wordmarkYesLogo use permitted?Some licenses restrict or require extra terms
Video / broadcast / adsMaybeBroadcast or digital adsCheck for paid campaigns
Partners and staff documentsMaybeOpen-license family or approved fallbackNon-designers need access

Fallback stacks keep layouts tidy where brand fonts can't load (email, some office tools):

/* Headline: brand serif, then similar widely available fonts */
--font-headline: "Brand Serif", Georgia, "Times New Roman", serif;
/* Body: brand sans, then system UI fonts */
--font-body: "Brand Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
/* Arabic / Urdu body with explicit fallbacks */
--font-arabic: "Brand Arabic", "Noto Naskh Arabic", "Segoe UI", Tahoma, sans-serif;

Brand type style sheet (template)

PRIMARY (headlines): [family] — weights allowed: Bold, Semibold
SECONDARY (body/UI):  [family] — Regular, Medium, Semibold
SCRIPTS:              Arabic [family] (Naskh style); Urdu [family] (Nastaliq for social, Naskh for UI)
SCALE (digital):      display 56/60 · h1 40/48 · h2 32/40 · body 16/24 · small 14/20 · label 12/16
SCALE (social 1080):  display 96 · h1 64 · h2 44 · body 32 · caption 24
RULES: sentence case headlines · one emphasis method · left-align (English), right-align (Arabic/Urdu)
       tabular numerals in tables · line height +20% for Nastaliq
FALLBACKS: see stacks above
LICENSES:  desktop ✓ web ✓ app ✗ (not needed yet) logo ✓ — owner: [name], renewal: [date]

Before/after: a Riyadh professional-services firm

BeforeAfter
FamiliesFive fonts across decks, website and reportsOne Latin serif + one bilingual sans with Arabic companion
ArabicDefault system font, mismatched weightsDesigned companion with matched color and rhythm
LicensingWeb font used without a web licenseLicensing matrix completed; web and app licenses purchased
DocumentsBroke when fonts were missingFallback stack specified in templates

Summary

Treat typography as a brand asset: choose distinctive, legible, well-licensed families that cover all scripts, define a named scale and clear rules, and specify fallbacks for environments where brand fonts cannot load.

Key takeaways

  • A brand type system defines primary and secondary faces, script companions, weights, scales, rules and fallbacks.
  • Choose for distinctiveness, range, language support, licensing and availability to non-designers.
  • Design Latin and Arabic-script type together; Nastaliq needs extra line height and native review.
  • Complete a licensing matrix covering desktop, web, app, logo and video use.
  • Specify fallback stacks so emails and documents stay tidy when brand fonts can't load.

Check your understanding

Quick questions to lock in the lesson. They don’t count towards your certificate.

  1. A brand's headline font is licensed for desktop use only. The team now wants it on their website and in their app. What is needed?
  2. Why specify fallback fonts in a brand type system?
  3. For an English–Urdu brand, which is good typographic practice?

Put it into practice

Write a brand type system for a real or fictional bilingual brand: primary and secondary families, allowed weights, a named scale, five rules and fallbacks, and list the licenses required.

Enrol for free to save your progress

Reading is always free. Enrol to keep your place, take the final assessment and earn a verifiable certificate.