Contact
Course on Typography
and working
with space
This course is for designers and developers who want to take their work to the next level. You will master the principles of typography, learn how to work with white space and create harmonious interfaces.
Start now
Full training
Deep dive into typography and work with space, typography for web and mobile interfaces.
Practice
Creating modern stylish works on the level of Dribbble and Behance, exercises, layout, cases of stylish typography.
Access
Closed platform with course materials, all video lessons recorded + additional resources.
Certificate
Official document of course completion, which confirms the acquired skills of professional typography.
What is this
course about?
This is an intensive program that will teach you how to work professionally with typography - a key skill for creating quality designs. You will learn not only the basics, but also advanced techniques used by top designers.
We'll look at real-life case studies. You will create four works for your portfolio - pump up your professional skills and increase your level of mastery.
Who this course is for
Beginner designers
This course will give you a system for working with typography. You will learn how to consciously choose fonts, build a hierarchy and create neat, stylish work.
Practicing designers
The course will help you understand the nuances: how to choose font pairs that look expensive, how to work with white space and modular grids.
Web and UX/UI designers
If you're unsure about working with typography, the course will give you clear rules and practical techniques for readable and aesthetically pleasing interfaces.
Developers and layout designers
The course will help you speak the same language with designers. You will learn how to correctly implement the layout while preserving the laid down typographic system.
Requirements
to start training
To successfully start our course you will need basic skills in Adobe Photoshop, as well as an understanding of the basics of HTML and CSS, in particular the structure of tags and basic styles.

If your current knowledge is not enough for a comfortable start, we recommend you to take our Photoshop and Layout courses first.
What will you learn on the course?
Work professionally with fonts
Create a clear visual hierarchy
This course opens the door to the world of professional typography. We have made the learning process as simple and visual as possible, so that even beginners can quickly grasp the basics and start creating stylish, harmonious designs.
Work with modular grids and vertical rhythm
Apply the principles of proximity and alignment
Prepare typography for digital products
Apply advanced typographic techniques to real-world projects
Program
Module 1: Introduction to Typography
  • About the Course
  • How this course was put together
  • What are Fonts, Font Families and Font Styles
  • Typography Terms & Anatomy
  • Resources for Typography Terms & Anatomy
  • Quiz : Typography Anatomy Test
  • Type Classification - Old and Transitional
  • Type Classification - Modern, Sans-serif, Script
  • Resources for Type Classification
  • Quiz - Identify Font Classes
  • Optimal line length for web and mobile devices
  • Which text alignment for what purpose ?
  • Line-Height (Leading)
  • Letter spacing (Kerning)
  • Tracking in Typography
  • Quiz - Basics of Typography
  • Exercise: Design a page for an article in Photoshop
  • Download Source Files and PDF Notes
Module 2: More about typography
  • Using hyphens, dashes → Student Request Lecture
  • Using Quotation marks properly → Student Request Lecture
Module 3: Typography - Scales and Grids
  • Role of Fonts
  • Typographic Scales for Hierarchy
  • Online Tools for Typographic Scales
  • Student Question → How to extend Modular Scale to apply in Responsive Design
  • Resources for Type Scale
  • How many Levels of Typographic Hierarchy do I need?
  • Vertical Rhythm and Spacing
  • Vertical Rhythm in Adobe Photoshop
  • DESIGN Exercise: Typographic Scales, Making and Breaking Vertical Rhythm
  • Using Modular Grid for Designing Web, Mobile Layout
Module 4: Modular basic grid design Ultimate Exericse
  • Preparing Modular and Baseline Grid in Photoshop
  • Blog Design: 1st Design with Modular Grid
  • 2nd Design Iteration with Modular Grid
  • 2nd Design Refinements
  • 3rd Design Layout with Modular Grid
  • Blog Post Design Challenge using Vertical Rhythm and Modular Grid
Module 5: How to Select Fonts?
  • How many fonts to select
  • Training your eye for Moods or Voice of Typefaces
  • Effect of Color on Typeface Mood (Voice)
  • How I experiment and select my typefaces?
Module 6: How to Pair Fonts
  • Basic principles of font pairing
  • Pairing fonts from Same Designer + Using Mega Font Families
  • Matching Fonts with X-Height
  • Using Contrast to Pair Fonts
  • Look for Similar Features while Font Pairing
  • Avoid too much similarity between fonts
  • Online Tools for Font Pairing
  • Resources for Font Pairing
  • Download 33 Typeface Combos Kit to start your Designs
Module 7: How to get variation in text for Great Designs
  • Using Bold, Italic & Capitalize for Variation in Type
  • Variation using Line-Height and Letter-Spacing
  • Variation using Colors in Type
  • Variation using Reverse Colors in Type
  • Quiz - Variation in Type
Module 8: Dribble level desing
  • Technology Company Web Design (prep work)
  • Part 1
  • Part 2
  • Userable Web Design
  • Part 1 → Chainging Fonts to change theme
  • Part 2 → Spacing & White space fine tuning
Module 9: Social Media Ad Design with 3 different fonts
  • Social Media Ad → Gathering Resources
  • Exercise fonts and resources links
  • Social Media Ad Design → Part 1
  • Part 2
  • Final touches
Module 10: Nature Health themed Typography
  • Exercises in fresh and juicy design
  • Exercise fonts and resources links
  • Fresh & Juicy Design Exercise - Part 1
  • Part 2
Module 11: Typegraphics for Iphon and Android app design
  • IOS Typography (Typefaces, Type Scale and Usage)
  • Resources for IOS App Design (Typography)
  • Student Question: IOS font size issues with 1X and 2 X resolution
  • Google Material Typography (4dp Grid, Type Scale and Usage)
  • Resources for Android App Design (Typography)
  • Responsive Web Typography (Different Type Scales for Different Screens)
Module 12: Typography for web developers
  • Using Google Fonts: pros and cons
  • Using premium fonts: pros and cons with a guide to buying them
  • Introducing the CSS font size unit
  • What is "em" font-size unit?
  • What is "Percentage %" font-size?
  • What is "VW" font-size?
  • What is "rem" font size?
  • How Vertical Rhythm works in CSS?
  • CODE Exercise: Using Vertical Rhythm with Gridlover tool
  • Vertical Rhythm & Typography Scales with Boostrap
  • Dont use TypeScale Online tool (use gridlover instead)
Module 13: Responsive Typographic for Developers
  • Responsive Typographic introduction
  • Percentage font-size for Responsive Typography
  • Different Typographic Scales for Responsive Typography
  • 100% Responsive Typographic Scale by Richardo Zea
Module 14: New and Emerging in Typography
  • What are colored fonts?
  • What are Variable Fonts?
  • What to do NEXT?
  • BONUS LECTURE
Your portfolio after the course
Designer
from $1100 / per month
Skills:
  • Selecting and harmonizing fonts for various projects
  • Creating clear visual hierarchy in text blocks
  • Working with modular grids and vertical rhythm
  • Adapting typography for web and mobile interfaces
  • Professional layout of printed materials
  • Creating stylish Dribbble and Behance level work
  • Presenting typographic solutions to clients
Photoshop HTML CSS Figma Adobe InDesign

We offer rates with

favorable terms

and conditions

Elementary
Suitable for introducing the basics of the course.
  • Study Program 2 modules
  • Video Lessons
  • Homework
  • Chat for students and mentors
  • Assignment Checking
  • Feedback
  • Course Access - 1 week
  • No Certificate
$9
Start now
Basic
For those who want to learn basic skills.
  • Program of Study - 11 modules
  • Video Lessons
  • Downloadable Resources
  • Homework
  • Chat for Students and Mentors
  • Assignment Checking
  • Feedback
  • Course Access - 2 months
  • Certificate
$59
Start now
Standard
Suitable for those who want to deepen their knowledge and gain solid skills.
  • Program of Study - 14 modules
  • Video Lessons
  • Downloadable Resources
  • Homework
  • Chat for Students and Mentors
  • Assignment Checking
  • Feedback
  • Course Access - 6 months
  • Certificate
$67
Start now
VIP
For those who want to gain sustainable skills with an individualized approach.
  • Individual support from a mentor
  • Training program - 14 modules
  • Video lessons
  • Downloadable resources
  • Homework
  • Chat for students and mentors
  • Assignment check
  • Error analysis and recommendations
  • Access to the course - 12 months
  • Certificate
$74
Start now
Corporate
Offers the opportunity to develop skills in a team with a corporate focus
  • Groups of 5 to 10 people
  • Training Program - 14 modules
  • Video Tutorials
  • Downloadable Resources
  • Corporate Project Participation
  • Homework
  • Assignment Checking and Feedback
  • Student and Mentor Chat
  • Course Access - 12 months
  • Certificate
$690
Start now
Experts and course supervisors
Rita Malgina
Art Director at Studio Type
More than 10 years in design and typography

Worked with brands in fashion, publishing and digital products. Specializes in creating harmonious typographic systems for identity and interfaces.
Denis Rybin
Lead UX/UI Designer at Dribbble Top Studio
8 years in web and mobile design

Participated in creating interfaces for FinTech and EdTech. Expert in adaptive typography and working with vertical rhythm in digital products.
Kirill Fomenko
Freelance typographic designer
6 years in print and digital layout

Author of articles on typography for design publications. Realized projects for museums, galleries and small businesses with a focus on conscious font choices.
Testimonials from our students
Anna
Graphic designer
After the course, my layouts look much more professional. Customers now praise not only the ideas, but also the quality of the layout. Especially useful was the module on font combination - I finally understand why some pairs work and others don't.
Mikhail
UX/UI designer
I used to think that typography is just 'beautiful text'. Now I consciously work with hierarchy, grids and indents. My portfolio has been enriched with three cool cases, one of which has already helped me get an offer to the studio.
Ekaterina
Art Director
Even with experience I discovered new techniques. Now I require all designers in my team to take this course - the quality of work has changed so much.
Dmitry
Layout designer
As a developer, I finally began to understand the logic of designers. Now the layout takes less time, and everyone likes the result. Special praise for practical checklists on adaptive typography!
Sofia
Aspiring designer
I was afraid that it would be difficult, but the presentation of the material is so clear that even font anatomy was memorized from the first time. My first project after the course got likes on Behance!
Frequently Asked Questions
I am new to design. Is the course suitable for me?
Yes, if you have basic skills in Figma or Adobe Photoshop.
The course starts with the basics, but does not teach you how to “push buttons” in the programs - we focus on professional typography.
Will I be able to understand all the intricacies?
Of course! The material is presented from simple to complex, with visual examples and step-by-step breakdowns. Even complex topics like vertical rhythm or adaptive typography will become clear.
How long will the training take?
You can take the course at your own pace - without strict deadlines.
We recommend 6-8 hours per week - so you will learn the material optimally and have time to apply the knowledge in practice.
Will there be feedback on the work?
Yes. Our supervisors check each practical assignment and give detailed comments: what to fix, how to improve and where to move forward.
Can I get my money back if the course doesn't work?
Yes. If within 5 days after the start you realize that the course is not for you - we will refund the full price. Later - we will consider it on an individual basis (for example, if you did not have time to start the course for a good reason).