Typography System

Brand Identity System

Display Font
Outfit

A geometric sans-serif with a modern, clean aesthetic. Perfect for headlines, logos, and display text. Its open letterforms and balanced proportions convey professionalism and clarity.

Aa
Aa
Aa
Aa
Body Font
Plus Jakarta Sans

A versatile sans-serif designed for optimal readability. Its humanist characteristics make it perfect for body text, UI elements, and any content requiring extended reading.

Aa
Aa
Aa
Aa

Type Scale

Hero / Display
Design That Connects
72px / Light / -0.02em letter-spacing / Outfit
Heading 1
Building Brands That Matter
48px / Light / 0.02em letter-spacing / Outfit
Heading 2
Crafting Digital Experiences
36px / Regular / 0.01em letter-spacing / Outfit
Heading 3
Strategic Design Solutions
28px / Regular / Outfit
Heading 4
Focused on Results
22px / SemiBold / Plus Jakarta Sans
Body Large
We believe in the power of thoughtful design to transform businesses and create meaningful connections with audiences.
18px / Regular / 1.7 line-height / Plus Jakarta Sans
Body
Our approach combines strategic thinking with creative execution, delivering solutions that are both beautiful and effective. Every project begins with understanding your unique challenges.
16px / Regular / 1.7 line-height / Plus Jakarta Sans
Body Small
Supporting text for captions, metadata, and secondary information. Used when space is limited or for de-emphasized content.
14px / Regular / 1.6 line-height / Plus Jakarta Sans
Caption / Label
Category Label
12px / Medium / 0.1em letter-spacing / Uppercase / Plus Jakarta Sans

Typography in Practice

Great design is invisible. It guides, informs, and delights without demanding attention. Our typography system balances the distinctive character of Outfit with the readability of Plus Jakarta Sans, creating a visual language that feels both premium and approachable.

Use Outfit for headlines, display text, and moments of emphasis. Let Plus Jakarta Sans handle the heavy lifting of body copy, UI elements, and any content requiring extended reading.

Design Philosophy

Usage Guidelines

Do's

  • Maintain generous line-height for readability
  • Use appropriate weights for hierarchy
  • Limit to 2-3 font sizes per section
  • Ensure sufficient color contrast
  • Use letter-spacing intentionally on display text
  • Keep body text between 16-18px

Don'ts

  • Don't use more than 2 font families
  • Don't stretch or distort letterforms
  • Don't use display fonts for body text
  • Don't set body text below 14px
  • Don't use all caps for long passages
  • Don't mix similar weights (300+400)