Balancing Strict Rigidity vs Premature Flexibility

Design systems often swing between two dangerous extremes:

1. Overly Rigid (The Jailer): The system locks down every pixel, forbids customization, and forces squads into rigid templates. Result: Squads abandon the system or hack around it with !important CSS overrides.
2. Overly Flexible (The Wild West): The system exposes dozens of configurable props, slots, and styling hooks for every component. Result: The system loses its opinionated consistency and becomes impossible to maintain or test.

The best systems practice opinionated defaults with structured escape hatches. Components provide strict semantic variants for 90% of use cases, while offering clear extension points (such as composition slots or render props) for the remaining 10%.