Design systems
Tokens are a contract, not a palette
What changed when we treated every colour, shadow and duration as an API with versions and deprecations.
PRPriya RaoNov 3 · 8 min read
Article Card
Editorial article cards with a drawn cover, category, title, excerpt, byline with read time and a bookmark, in vertical, horizontal and featured variants.
Preview
Motion
Springs for touched things, curves for system things
A small rule that settled a year of animation debates.
MKMalik KonéOct 29 · 5 min read
Accessibility
Focus rings people actually like
Loud on keyboard, silent on click: how we got there.
IAInes Alvarez4 min read
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title / href | string | — | Title (names the card); href makes the whole card a stretched link. |
| category / excerpt / cover | string / string / ReactNode | — | Category label, excerpt and the drawn cover. |
| author / date / readTime | { name; initials? } / string / number | — | Byline; read time in minutes. |
| bookmarked / defaultBookmarked / onBookmarkChange | boolean | false | Bookmark toggle state. |
| variant | "vertical" | "horizontal" | "featured" | "vertical" | Cover on top, beside, or full-bleed with a frosted text panel. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.