Skip to main content
Home screens are the landing view of an app — a scannable summary that orients the user and surfaces the next action. These examples compose Card, Chip, Avatar, Breadcrumbs, SegmentedControl, Button, Icon, and Text into complete, data-dense layouts. Each is a starting point: copy it and swap in your own data.

Resources

Card

Card component anatomy and usage guidance.

Home screens

Figma reference implementations for the home screen dashboards.

Feed Dashboard

A two-column layout pairing a primary feed — here, a list of deployments with status, breadcrumbs, and environment — with a secondary activity feed card.

Analytics Dashboard

A metrics-first layout: a header with a segmented time range, a row of summary statistics, a grouped recent-activity table, and a set of recent-client cards.
Last modified on September 28, 2026