Primitive
HouseholdIllustration
Three quiet still lifes for the ordinary work of a household.
States
Groceries
Shared expenses
Subscriptions
When to use
- To identify a helper in the gallery or its page header.
- As a supporting image alongside a meaningful heading.
When not to
- For an event status, permission, warning, or receipt.
- As the only way to identify a helper.
Props
| Name | Type | Notes |
|---|---|---|
| kind* | "groceries" | "shared" | "subscriptions" | Decorative identity, independent of the contract. |
| className | string | Size and layout; preserve the SVG aspect ratio. |
* required
Accessibility invariants
- Always decorative: aria-hidden and not focusable.
- Pair with visible identifying text.
- All fills and strokes resolve to token variables or currentColor.
- No animation, interaction, or embedded text.
Agent instructions
For anything generating UI from this system
Use the same illustration for a helper wherever it appears. Do not use illustration colors for statuses. Keep the three palettes in tokens.json and let CSS variables handle both themes.