Contact
Webics 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.
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

Meet the Course Leadership
Elena Brooks
Design Strategy Consultant
12+ years shaping visual systems for digital brands.

Helped companies align typography with brand strategy and user psychology. Focuses on clarity, consistency, and scalable design systems.
Marcus Reed
Senior Product Designer
9 years designing interfaces for complex products.

Worked on SaaS, dashboards, and mobile apps. Specializes in typographic hierarchy, spacing systems, and responsive layouts.
Irene Kovács
Editorial & Type Specialist
7 years in editorial and digital typography.

Collaborated with publishers, cultural institutions, and startups. Known for translating complex content into clean, readable layouts.
Testimonials
Hannah
Brand Designer
This course helped me structure my designs with much more confidence. My typography choices now feel intentional, and client revisions have dropped significantly because everything just works.
Ryan
Product Designer
I finally understand how to guide users through content using type hierarchy and spacing. The practical examples made it easy to apply everything directly to real projects.
Clara
Creative Director
The course sharpened fundamentals that many designers overlook. I now recommend it to my entire team because it noticeably improves consistency and overall design quality.
Leo
Front-End Engineer
Understanding typographic logic has made implementing designs much faster. Communication with designers is smoother, and responsive layouts feel far more predictable.
Sofia
Design Student
Everything is explained in a very clear and friendly way. I went from guessing font sizes to making confident decisions, and my latest project finally feels professional.
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.