BRAID
Braid Logo
 
Layouts

Compact Page

An information-dense layout with tighter spacing, suitable when users are familiar with the content and hierarchy is well-established. Uses a medium PageBlock and xlarge spacing between sections.

Compact Page

Combines a Heading level 2 with xlarge Stack spacing between sections, where each section uses a medium PageBlock to establish content max width and consistent screen gutters.If providing text immediately below the Heading, consider using standard Text and grouping with a medium Stack.Use this layout as a starting point where information density needs to be optimised.
Section
Section
Section
Open in Playroom

Usage

Use where information density needs to be optimised — dashboards, data-heavy pages, or contexts where users are expected to scan content quickly.If a more relaxed reading experience is needed, consider Standard Page instead.