Typography, Colors and Layout Master Class for Designers and Developers (Bundle of 3 Courses)

Become confident about using Typography with power in your UI and Web Design, how to select and pair fonts is the biggest problem

   Watch Promo

Have you ever wondered that Why the designs of Dribbble and Behance looks so elegant. One of the secrets behind those great Web and Mobile App Designs is perfect use of Font Combinations, powerful usage of white space and grids.

To learn this Super Power of Typography and use of Time and Space, Take this course

This course main focus is on Typography for Designers and Developers. All great designers possess the skill of Typography and their usage of white space is always out class.

Take Away For Designers:-

In this course we will convert your boring designs to Dribbble level designs by learning

  • Basics of Typography Classes and Anatomy
  • Learn how to make your text look interesting by using variation techniques
  • Create elegant web & Mobile app design by selecting and pairing meaningful fonts
  • How different Moods or Voices of Fonts works
  • Master Font pairing and learn tons of online resources to automatically pair fonts
  • How to use white space effectively by using Vertical Rhythm and Modular Grid
  • Learn about IOS App Typography
  • Learn Google Android Typography, its scale and its SP unit of type
  • Dribbble Styled Design Exercises to improve your designs

Take Away For Developers :-

  • How to use padding, margins and other elements to create Vertical Rhythm in CSS
  • How to use Vertical Rhythm in Bootstrap
  • ?What are absolute & relative font-size units e.g em, rem, vm, % and when to use them?
  • Step by Step coding exercises to apply Baseline Grid for Developers
  • How to show baseline grid in HTML page with just one line of code
  • What font sizes are best standards as Base font Size
  • How to set up Typography Scale using online tools easily
  • A lot of quizzes to test your knowledge

So if you really want to step ahead of your fellow Designers & want to get out of the crowd.

Requirements to take this Course:-

  • Must have good knowledge of Adobe Photoshop (For Designers)
  • Must know HTML and CSS (For Developers)
  • You must know how to use any Design Tool like Figma, Sketch, XD or Photoshop

Take this course now and I will see you inside the course


Your Instructor


Muhammad Ahsan
Muhammad Ahsan

I started my Freelance Design Career 10+ years ago and learned everything the hard way myself. I went from scratch to end up working for FORTUNE 500 companies like INTEL, PANASONIC and Coca Cola.

I love to simplify things about UX and UI Design when I teach to make it easier for my students

Working with Art Directors from Coca Cola and Project Managers from UK, I learned a lot in short period of time.

Improved User Experience of UK GP Tools Mobile App, few Games and e-commerce websites and created new Design patterns for showing passwords safely in password fields

Worked from App Icon Design to App UI Design, from wire-frames, prototypes and Mockups Design. I have a hunger of perfecting User Interface from all aspects
I am multi-talented person who have won One Gold Medal, won a nation-wide Poster Design competition from PANASONIC and won many Landing Page design contests on 99designs.

Worked with Clients all over the world mostly from USA, Australia, UK, and United Arab Emirates while learning a lot on how to deal with clients while freelancing and how to present your work to them

My ultimate aim is to make more Awesome UI Designers and ease the pain of learning from new comers in this field of UI Design


Course Curriculum


  Introduction to Typography Basics
Available in days
days after you enroll
  A bit more about Typography
Available in days
days after you enroll
  Typography Scales and Vertical Rhythm
Available in days
days after you enroll
  Modular Baseline Grid with Exercise
Available in days
days after you enroll
  How many fonts + Typography Voice or Moods
Available in days
days after you enroll
  Pairing Typefaces - 5 Techniques
Available in days
days after you enroll
  Contrast and Variation with Type
Available in days
days after you enroll
  Dribbble level Hero/Header Design Exercise
Available in days
days after you enroll
  Social Media Ad Design Exercise
Available in days
days after you enroll
  Juicy Food header Design Exercise
Available in days
days after you enroll
  Typography for Web Developers
Available in days
days after you enroll
  Vertical Rhythm for Web Developers
Available in days
days after you enroll
  Responsive Typography for Developers
Available in days
days after you enroll
  What's new in Typography
Available in days
days after you enroll
  Mobile Typography - Using Fonts for IOS, Google Material and Responsive Web Design
Available in days
days after you enroll

Frequently Asked Questions


When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.

Thanks a lot for taking this Typography Class with me

Get started now!