bee-ds-design-guide

To structure a screen using Bee-DS design patterns, apply canonical wrappers and semantic spacing tokens to maintain consistent Bee rhythms across sections. This framework guides component placement and validates visual hierarchy before implementation.

A canonical Bee-DS wrapper is a structural container used to maintain consistent spacing and pattern rhythms across screen sections. You need it when evaluating screen rhythm and validating component placement to ensure design language consistency.

Validate semantic token usage and accessibility by applying the Bee-DS decision guide to check state-based design and consistent pattern application. This ensures your screen structure meets canonical Bee requirements and accessibility standards during design review.

Yes, you can use this Bee-DS guide for both section-level and component-level design decisions. It provides a framework to reason about wrappers, spacing, and patterns so teams can proceed with consistent design choices across multiple structural levels.

The best way to choose spacing and maintain Bee rhythms is to apply standard wrappers and semantic tokens consistently across all screens. This approach aligns design judgment with the Bee-DS language and validates structural pattern application.