Contact
Check 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.
Key Concepts Explored
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.
Want a Design That Reflects Expertise?
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 Will You Gain from This 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
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
Jordan Blake
Co-Founder, PixelCraft Studios
With over a decade of expertise in shaping powerful brand identities and innovative digital solutions, Jordan has worked with emerging tech companies, fashion brands, and online retailers. Specializes in cutting-edge visual design, intuitive user interfaces, and enhancing user engagement across platforms.
Ethan Hayes
Head of UX/UI Design at Digital Nexus
With over 10 years of experience in crafting exceptional digital solutions for fintech, retail, and lifestyle applications, Ethan excels at designing user-friendly interfaces, creating unified visual systems, and delivering smooth, intuitive user experiences that prioritize both form and function.
Mia Thompson
Head of Visual & Typography Design
With over 7 years of expertise in creating striking typographic and layout designs for both digital and print, Mia has worked with emerging brands, cultural organizations, and creative agencies to produce visually compelling, clear, and narrative-driven designs that leave a lasting impression.
Hear From Our Learners
Sophia Ramirez
Marketing Director, Tech Innovators
Working with Digital Nexus was a game-changer for our brand. They took our vision and turned it into a modern, cohesive design that resonates with our audience. Their attention to detail in the user experience and interface design is unmatched. Highly recommend!
Daniel Carter
CEO, Carter & Co. E-commerce
I couldn't be more impressed with the team at PixelCraft Studios. They helped us streamline our website's design, making it both visually appealing and incredibly user-friendly. The process was smooth, and their creative ideas really took our project to the next level.
Olivia Martin
Product Manager, Fintech Solutions
The collaboration with Nova Digital Studio was seamless from start to finish. Their UX/UI design expertise transformed our app into something both functional and beautiful. The team understood our goals perfectly and delivered beyond expectations. Highly satisfied!
James Wilson
Creative Director, Visionary Designs
We’ve worked with several design teams, but the results from Digital Nexus were truly exceptional. They understood our brand’s needs and crafted a design that was not only stunning but also improved the user experience significantly. Couldn’t ask for a better outcome!
Chloe Mitchell
Brand Strategist, Creative Wave Agency
Mia and her team at Digital Nexus were fantastic to work with. Their innovative approach to visual design helped us rebrand with a fresh, modern look. The process was collaborative and efficient, and the final product exceeded our expectations. Highly recommended for anyone looking to elevate their brand’s visual identity.
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.