[01] // COURSE AI STUDIO

Typography for Digital Products.

Not font shopping. A beginner-to-advanced path that ships text styles, rem notes, and a short design defense.

6 sessions · in-person6 lessonsIn-person cohort

Taught live in the room. This site is your session guide, brief template, and take-homes between classes. A self-paced Courses twin uses the same lesson map.

About this course

Typography is how people read your product. This workshop takes you from beginner vocabulary to an advanced, reusable Figma type system.

You will lock personality, weight ladder, mobile scale, pairing, rem handoff, and accessibility floors. Then you apply the system on two real screens and defend it.

Print and graphic production (pt, mm, brand books) are out of scope. Those belong in the planned Graphic & Print Typography twin.

What you will gain

  • Type vocabulary you can defend

    Typeface vs font, categories, and personality-led font choice. Not vibes-only picking.

  • Weight and hierarchy control

    Display/H1 Bold · H2/H3 Semibold · Body Regular · UI Medium/Semibold. Clear reading order on every screen.

  • A mobile type system in Figma

    Roles, sizes, line heights, and tracking locked as reusable text styles from one product scale.

  • Pairing and responsive checks

    One family first. Contrast pairs with jobs. Screens checked at 390px and 1440px.

  • Handoff-ready rem notes

    Document px and rem for core roles so engineering can implement without guessing.

  • Capstone screens + defense

    Ship one product UI screen and one marketing moment with real copy, then defend the system in five minutes.

Skills you will gain

  • Typeface selection for UI
  • Weight and hierarchy control
  • Type scale and text styles
  • Font pairing for products
  • Responsive type and rem handoff
  • Typography accessibility

Bring to class

  • Laptop with Figma (Desktop or browser) and charger
  • One real product to type for (app, SaaS, or marketing site). Or accept the cohort micro-brief
  • Google Fonts access (or Inter / DM Sans installed)

Your instructor

Talodabi Faculty

Talodabi · Academy

Earn a certificate

Certificate of completion

Typography for Digital Products

Attend all six sessions, submit a completed typography brief, Figma text styles for core roles, two screens (product UI + marketing moment), and pass a 5-minute defense.

Frequently asked questions

Do I need Product Design Week 3 first?

Helpful but not required. Week 3 is a survey chapter. This course is the deeper specialty with labs and a capstone.

Is this for print design?

No. This course is UI and digital only (px, screens, rem). Graphic & Print Typography is planned as a separate twin course.

Live or self-paced?

Both. Live cohorts use AI Studio session guides. The Courses marketplace listing uses the same six-lesson map for self-paced buyers.

How long will I have access to the course?

While your Academy account is active. Sign in to open lessons, then learn at your own pace.

Do I get a certificate after completion?

Yes, when you finish the required lessons or capstone for your track (live defense or self-paced submission).

Advanced UI UX Pro Max 6 sessions · in-person · 6 lessons Advanced Advanced Design System 6+ hours · 24 lessons Intermediate Design System Governance 45:35 · 3 lessons

Typography kit: design-assistant/context/typography-system-brief-template.md. Fill during class. Publish Figma text styles on your Design system page.