KLD Institute
About
Courses
Method
Admissions
Partnerships
Policies
Contact
Menu
Institute
About
Courses
Method
Admissions
Partnerships
Learning
Course map
Flagship course workspace.
Templates
Reusable course worksheets and teaching artifacts.
Contact
How to reach the institute.
Policies
Policy index
Privacy
Terms
Accessibility
Learner code
Course map
Open study notes
Previous lesson
Screen Reading in the AI-Native Product Era
Next lesson
Layout and Spacing: Order, Grouping, Grid, and Density
Slide 10 of 22
Previous
Next
Composition
Composition is the whole-screen signal
Composition is how the whole screen holds together.
Density affects whether a screen feels focused or exhausting.
Balance, rhythm, and contrast shape trust before action.
A screen can be crowded, balanced, or too sparse depending on task and support needs.
Original KLD Institute teaching diagram.
Previous lesson
Screen Reading in the AI-Native Product Era
Next lesson
Layout and Spacing: Order, Grouping, Grid, and Density