Design Content Density Rules
Layout & Responsive · data density
Updated 2026-07-28
- Density controls how much users process at once.
- Increase density for:
- Experts.
- Data analysis.
- Operations.
- Reduce density for:
- Learning.
- Decisions.
- New users.
- The goal is not maximum information.
- The goal is maximum understanding.
Design-to-Code Handoff
- A design is not finished when the pixels are complete.
- A successful handoff includes:
- Component names.
- Spacing rules.
- States.
- Behavior.
- Edge cases.
- Accessibility requirements.
- Avoid:
- Sending only screenshots.
- Explaining only the happy path.
- Leaving interaction decisions undefined.
- The developer should understand the system, not just copy the picture.
Related guides