Reading a screen before designing it

Designing screens that make a case, not just a layout

Key Takeaways & Production Insights

01Build hierarchy from content structure rather than decoration
02Set type at a system level instead of per screen
03Run a critique that produces decisions, not opinions
04Know which constraint to break and when

Tools & Systems Used in this Session

FigmaCSSType systems

Course Outline

0 / 12 Lessons

Module 013 sessions

Foundations

Module 023 sessions

Core Concepts

Module 033 sessions

Real-World Systems

Module 042 sessions

Advanced Techniques

Module 051 sessions

Final Project

Faculty

Kenji Morrow

Design Director

Kenji works in the space between typography and engineering constraint. His teaching is unusually specific: not principles, but the actual sequence of decisions — what he measured, what he threw away, and the argument he made to ship it.

Lesson 01.0121m

Click to stream instruction

Reading a screen before designing it21m

Module 01 · Foundations