Visual catalog

Layouts & Structure

Terms for how screens are organized, grouped, and arranged.

Related Patterns

Nearby concepts that help narrow the term.

A dashboard layout organizes key metrics, summaries, and actions on one overview screen.

A grid layout arranges content in rows and columns with consistent spacing.

A card layout presents repeated items as separate contained blocks.

Top navigation places primary links across the top of a page or app.

Mobile navigation is the compact navigation pattern used on small screens.

More specific vocabulary for later lookup.

A feed layout shows a stream of posts, updates, or items in chronological or ranked order.

A responsive layout adapts spacing, columns, and navigation to different screen sizes.

A sidebar layout places supporting navigation, filters, or details beside the main content area.

A split pane divides the screen into two resizable or coordinated areas.

A wizard flow breaks a task into a sequence of guided steps.