Contact
Pixel Design Consulting
and working
with space
This 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.
Topics Covered
in This Course
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.
Need a Design That Speaks Professionalism?
This Course Is Perfect 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.
What You Need Before You Begin
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 You Can Expect to Learn?
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
What Your Portfolio Will Look Like
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

Trainers and Supervisors
Alex Morgan
Founder, NovaDesign Labs
Over 10 years creating compelling brand identities and digital experiences. Has collaborated with tech startups, lifestyle brands, and e-commerce platforms. Specialist in modern visual systems, UX/UI design, and seamless user experiences.
Lucas Bennett
Lead UX/UI Designer at Nova Digital Studio
10+ years designing digital experiences for fintech, e-commerce, and lifestyle apps. Specializes in intuitive interfaces, cohesive visual systems, and seamless user journeys that combine functionality with aesthetic clarity.
Isabella Hughes
Lead Visual & Typography Designer
7+ years designing compelling typographic and layout systems for digital and print media. Collaborated with startups, cultural institutions, and creative agencies to deliver clear, elegant, and impactful visual storytelling.
Hear From Our Learners
Olivia Reed
UX Designer
This course completely transformed how I approach interface design. The lessons on layout hierarchy and color systems were game-changers — my projects now feel polished, professional, and intuitive.
Liam Brooks
Graphic Designer
The course helped me identify and correct design habits I wasn’t aware of. My latest projects now feel more cohesive, and clients immediately noticed the boost in quality and professionalism.
Ava Mitchell
Freelance UI/UX Designer
Before this course, I struggled with creating original layouts and often defaulted to templates. Now, I confidently design custom interfaces from scratch. The lessons on grid systems and alignment completely changed the way I work.
Harper Lane
UI & Layout Designer
Before taking this course, my layouts lacked consistency and my typography felt arbitrary. Now, every text block has clear structure, spacing is intentional, and clients have immediately noticed the improvement. The lessons on visual hierarchy were truly transformative.
Ethan Reynolds
Digital Content Designer
I never realized how much typography impacts digital content. After this course, my social media graphics feel balanced and professional, and engagement has noticeably improved. The tips on text composition were invaluable.
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.