Design
LC—112
New
Typography for Interfaces
Learn to choose, pair and scale type for screens — and build a typographic system your whole product can rely on.
Jonas Okafor
Type Designer & Interface Lead
4.8
★★★★★
412
reviews ·
2,180
students
Duration
3h 52m
Lessons
16
Modules
5
Level
Intermediate
Course overview
What You'll Learn
Who this course is for
Requirements
Curriculum
Five Modules, One Type System
Your instructor
Jonas Okafor
Type Designer & Interface Lead
Jonas designs typefaces and the interfaces that use them. He has led design systems for product teams in London and Lagos, and teaches type the way it is actually used — on screens, at scale.
12+
Years
9k
Students
6
Courses
Student reviews
4.8
412
verified reviews
5
86%
4
10%
3
3%
2
1%
1
0%
Outcome — first retainer client
The course gave me a clear process I could immediately apply to my client work.
Priya Raman
Freelance designer, Toronto
brand-strategy
Outcome — promoted to lead
The positioning module changed how I run every brand review on my team.
Tom Becker
Senior designer, Berlin
brand-strategy
Outcome — shipped a design system
Our product finally reads like one product. The scale module was worth the price on its own.
Lina Haddad
Studio founder, Dubai
typography-for-interfaces
Outcome — sharper portfolio
I stopped guessing font sizes. Every layout I make now has a reason behind it.
Marcus Hill
Junior strategist, London
typography-for-interfaces
Outcome — raised rates 40%
The pricing module alone paid for the course in my next project.
Priya Raman
Freelance designer, Toronto
pricing-creative-work
Outcome — first fixed-price retainer
I finally have a proposal template I'm not embarrassed to send.
Tom Becker
Senior designer, Berlin
pricing-creative-work
Outcome — 3× newsletter growth
I went from posting randomly to a calendar I actually keep. The results followed.
Lina Haddad
Studio founder, Dubai
content-strategy-for-creators
Outcome — consistent for 6 months
The batching workflow gave me my weekends back.
Marcus Hill
Junior strategist, London
content-strategy-for-creators
Outcome — led first campaign
I walked onto my first set knowing exactly what to say and when.
Priya Raman
Freelance designer, Toronto
art-direction-in-practice
Outcome — promoted to art director
Daniel's treatment framework is how I pitch everything now.
Tom Becker
Senior designer, Berlin
art-direction-in-practice
$
119
$159
Save 25%
Video lessons
16
Duration
3h 52m
Level
Intermediate
Includes
Templates + project files
Access
Lifetime
Certificate
On final project
14-day money-back guarantee
Bestseller
LC—204
Design
Beginner → Advanced
Brand Strategy Masterclass
From research and positioning to a creative direction you can defend.
22
lessons
5h 28m
Beg. → Adv.
Maya Chen
$149
Popular
LC—301
Business
Intermediate
Pricing Creative Work
Scope, price and present projects with confidence — and stop under-charging.
13
lessons
2h 59m
Intermediate
Ana Ruiz
$99
Cohort
LC—220
Marketing
Beginner
Content Strategy for Creators
Plan a year of content around one clear idea, and measure what matters.
14
lessons
2h 59m
Beginner
Sara Lindqvist
$129
Choose and pair typefaces with intent; Build a modular type scale for web and app; Set line length, leading and rhythm for long reading; Design clear hierarchy in dense interfaces; Handle responsive and variable type; Document a type system your team will actually use
UI and product designers; Web designers who want sharper layouts; Developers who care about details; Brand designers working on digital
Comfortable in Figma or similar; Basic layout and grid knowledge; No type-design experience needed; ~2 hours a week for 4 weeks
Seeing Type = How we actually read on screens ~ 10:20 ~ preview; Anatomy that matters ~ 09:45 ~ preview; Exercise: type audit ~ 14:00 || Choosing & Pairing = Classifications without the jargon ~ 12:30; Pairing by contrast and kinship ~ 16:10; Licensing and performance ~ 08:50 || Scale & Rhythm = Modular scales ~ 15:40; Line length and leading ~ 13:20; Vertical rhythm on the web ~ 17:05; Exercise: build your scale ~ 20:00 || Hierarchy in Interfaces = Weight, size and colour as signals ~ 14:15; Dense UI: tables, forms, dashboards ~ 18:30; Responsive and variable type ~ 16:45 || Final Project = Your type system brief ~ 07:30; Documenting tokens and styles ~ 22:10; Review and handoff ~ 15:20
Jonas Okafor
Build type scales, rhythm and hierarchy that hold up in real products.