Design Principles
These principles guide how we design, build, and evolve the Spryker B2B Storefront Design System.
1. Clarity over cleverness
Choose clear labels, predictable behavior, and familiar patterns over novelty. Users should not have to guess how something works.
2. Accessibility by default
Accessibility is built in from the start. Components should support semantic structure, keyboard interaction, visible focus, and sufficient contrast.
3. Consistency through tokens
Use shared tokens to define color, spacing, typography, and other design decisions. Avoid hardcoded values so the system stays scalable and aligned across design and code.
4. Composition over complexity
Prefer simple, focused components that can be combined into richer experiences. Avoid overloading a single component with too many options.
5. Guide focus
Show the most important actions and information first. Reveal additional detail only when it supports the task.
6. Built for B2B reality
Design for dense information, longer sessions, and task-focused workflows. Prioritize speed, clarity, and usability at scale.