Layout and composition
Solve layout constraints and score geometric composition.
Core principles
- Define minimum, preferred, and maximum sizes.
- Compare responsive states with realistic content.
Model
- The solver allocates stack space within constraints.
- Composition analysis scores balance, rhythm, density, and order from geometry.
Use in your app
- Use constraint solving for dashboards, inspectors, and collections.
- Compare calculated bounds with browser measurements.
Verification scope
- Component fixtures estimate inline containment. Browser qualification measures its declared rendered scenes separately.
Token notes
- Layout constraints affect component recipes as well as page composition.