Columns
Complete layout templates: 8/4, 6/6, and 4/4/4 rows, with buttons, pills, and action links.

Layout

8 / 4 structure

Use the wide column for primary content and the side column for quick navigation, CTAs, and related links. This pattern is the default for most section hubs.

Sidebar

Quick actions

Short blocks with strong hierarchy. Use these for category jumps or featured CTAs.

Navigation CTA Tags

Layout

6 / 6 split

Balanced layout for comparisons, two lists, or two content panels. This stays clean on mobile because it stacks predictably.

Layout

Second half

Use consistent padding and line height to keep the page calm even with different content types.

Layout

4 / 4 / 4

Standard three-column row for categories, services, or quick links.

Layout

Middle tile

Keep titles bold and copy short for scanning speed.

Layout

Third tile

Use buttons for primary actions, links for secondary actions.