<Card title="Step Count">
<Progress value=8500 max=10000 label="Steps" tone=info />
<Stat label="Today" value="8,500" change="current" note="of 10k goal" tone=neutral />
</Card>

<Card title="Calories Burned">
<Stat label="Calories" value="2,350" change="current" note="burned" tone=success />
</Card>

<Card title="Weekly Workouts">
<Chart type="column" x="Day" y="Workouts" title="Workouts per Day">
| Day | Workouts |
|---|---|
| Mon | 1 |
| Tue | 0 |
| Wed | 2 |
| Thu | 1 |
| Fri | 3 |
| Sat | 2 |
| Sun | 1 |
</Chart>
</Card>

<Card title="Log New Workout">
<Button variant="primary" href="#" size="medium">Log new workout</Button>
</Card>