Contact
Graphics Consulting
and working
with space
Built for designers and developers aiming to level up their skills, this helps you master typography fundamentals, understand the power of white space, and design clean, well-balanced 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.
Want us to do your design?
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

YOU ARE NOT HAPPY WITH YOUR PURCHASE?

Don't worry! We offer a 14-day refund policy, as mandated by law. Contact us within 14 days to request a refund—no questions asked.

Start now
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

Our Expert Mentors & Advisors
Sophia Reynolds
Creative Director, Lumina Studio
Over 12 years of experience in branding and visual communication.

Led creative projects for international brands in lifestyle and tech. Specializes in building cohesive visual identities and user-friendly interfaces.
Ethan Carter
Senior UX Designer at PixelForge
9 years of experience in digital product design.

Developed UX strategies for mobile apps and SaaS platforms. Expert in interaction design, user flows, and accessible typography.
Lila Moreno
Independent Typographic Consultant
7 years creating print and digital layouts.

Contributor to design journals and workshops. Focuses on purposeful font selection and typographic systems for modern brands.
Testimonials
Isabella
Visual Designer
This course transformed the way I approach layouts. My designs are cleaner and more professional, and I finally understand the balance between typography and white space. The font pairing exercises were a game changer!
Adrian
UX Designer
I used to overlook the details of typography, but now I consciously design with hierarchy, spacing, and readability in mind. My portfolio looks more polished, and I’ve already received positive client feedback on recent projects.
Sophia
Creative Lead
Even with years of experience, I discovered new techniques that immediately improved my team’s output. I highly recommend this course to anyone serious about mastering design fundamentals.
Julian
Front-End Developer
Understanding typography has made collaboration with designers so much smoother. Layouts are quicker to implement, and the adaptive design checklists were extremely practical.
Mia
Junior Designer
I was worried it might be too advanced, but the lessons are clear and engaging. I now confidently apply typography principles, and my first post-course project received excellent feedback online!
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?
We offer a 14-day refund policy, as mandated by law. Contact us within 14 days to request a refund—no questions asked.