Design principles

Design principles

The interface principles used across the Intuise practice.

Responsive by default

  • Shape hierarchy and density around available space, rather than shrinking a desktop layout.

Touch-first

  • Give controls enough room, visible feedback, and alternatives to hover.

Desktop complete

  • Support keyboard navigation, precise input, and information-rich workflows.

Framework-agnostic foundations

  • Keep UX rules, tokens, and semantic behavior independent of a framework. Implementation examples name their actual dependencies; framework adapters are not yet available.

Accessibility conscious

  • Use semantic elements, meaningful labels, contrast, and explicit focus and error states.

Maintainable

  • Keep decisions, tokens, and implementation understandable for the next team.

Design-to-code

  • Connect design intent with actual states and behavior. Adapt implementation to the framework.

Generative-ready

  • Describe purpose, constraints, and UX rules alongside code so people and agents can reason from the same source.