Vittorio Vittori

Design System Architect / Senior UX Designer

Explicit Constraints

Make constraints visible and documented so teams understand boundaries and can work within them effectively.

Design Systems
Architecture

Design systems exist to reduce decision entropy.

Explicit constraints define what is allowed, what is discouraged, and what is intentionally unsupported.

Without constraints, flexibility turns into inconsistency and the system loses its ability to guide decisions.

Make constraints visible and intentional

Constraints must be explicit to be effective.

Documented constraints

Document allowed variations and supported use cases. Assume constraints will be inferred from examples. State unsupported patterns clearly. Leave teams guessing what is "out of bounds".
A list of tools and services related to this argument. Documentation platforms
Zeroheight logoZeroheight Supernova logoSupernova Knapsack logoKnapsack
it may be outdated

Use constraints to guide, not restrict

Good constraints enable faster and safer decisions.

Safe defaults

Provide safe defaults that cover most use cases. Expose unlimited configuration for the sake of flexibility. Limit variation through tokens and composition. Allow arbitrary overrides at the component level.
A list of tools and services related to this argument. Tokens tools
Amazon logoStyle Dictionary
Tokens documentation
Zeroheight logoZeroheight Supernova logoSupernova
it may be outdated

Encode constraints into the system

Constraints should be enforced by the system, not by guidelines alone.

Type-safe constraints

Restrict props and APIs to supported options. Rely on documentation to prevent misuse. Use type systems and validation to enforce rules. Allow invalid combinations to fail silently.
A list of tools and services related to this argument. Type systems
TypeScript logoTypeScript
Validation tools
ESLint logoESLint
it may be outdated

Evolve constraints deliberately

Constraints are not static and must adapt with the system.

Constraint evolution

Revisit constraints based on real usage and feedback. Remove constraints to solve isolated edge cases. Document rationale behind constraints. Treat constraints as arbitrary rules.
A list of tools and services related to this argument. Version control
GitHub logoGitHub
Documentation platforms
Zeroheight logoZeroheight Supernova logoSupernova
it may be outdated

Why this principle matters

Explicit constraints reduce cognitive load, increase consistency, and make systems easier to scale.

By defining boundaries clearly, the design system empowers teams instead of limiting them.

Explicit Constraints