Cards

Cards are surfaces that group related content and actions. They establish visual containment and help users scan for relevant information.

Basic Card

A simple card with header, description, and body content.

Project Status
Overview of current sprint progress and team velocity.

The team completed 34 story points this week, a 12% increase over the previous sprint. Two blockers remain in the review pipeline.

With Footer Actions

Cards can include footer areas for primary and secondary actions.

Invite Team Member
Send an invitation to collaborate on this workspace.

New members will receive an email with a link to join. They can access all shared projects once they accept.

Metric Cards

Use cards to display key statistics with supporting context.

Total Users

2,847

+12.5% from last month

Avg. Session

4m 32s

+8.1% from last month

Conversion

3.2%

-0.4% from last month

Interactive Cards

Add hover and focus states to make cards clickable navigation targets.

Analytics Dashboard
Real-time metrics and performance data.
Live

Track user engagement, conversion funnels, and revenue metrics across all product surfaces.

Open dashboard
Team Settings
Manage roles, permissions, and integrations.
Admin

Configure workspace settings, billing, and third-party service connections for your organization.

Manage settings