Layout

Basic blocks

Primary block

A block with a title and body text.

Block without padding (using block--body).

Block title

A block with a title and body text.

Primary block

A block with a title and body text.

Secondary block

Another block to demonstrate spacing.

Primary block

A block with a title and body text.

Secondary block

Another block to demonstrate spacing.

Tertiary block

A third block in the row.

Primary block

A block with a title and body text.

Secondary block

Another block to demonstrate spacing.

Tertiary block

A third block in the row.

Quaternary block

A fourth block for the layout demo.

Secondary block

Another block to demonstrate spacing.

Advanced blocks

Pipeline projection Ready

This block combines title slots and content in a single reusable structure.

Operators can be added without leaving the current context.

Main zone

Main content can grow naturally with standard spacing.

Aside zone

This side zone uses a light background to highlight complementary content.

Three-zone layout Draft

Left panel

Secondary navigation or metadata can live here.

Main content

Primary information stays centered for readability.

Right panel

Contextual actions and insights can be grouped on this side.