Tier 1Tier 1 · Web (www / app / auth). The full design system: our component library and the components.css recipe. This is the one tier where the recipe is the contract, native tiers take the tokens and nothing else.--yellow-solid · --primary-foreground · --list-item-bg-hover · --avatar-fg
List items, one row, four shapes
The list-item is the most-touched primitive in the app. Same 32px height (nav) or 48–60px (content), same focus model, same hover.
The icon's shape tells you the row's job; the text style tells you the row's content.
Sidebar nav
Files11.2 TB
Transfers3
RSS2
Sharing
History
Trash
Setting rows
Autoplay next file
When a video ends, play the next file in the folder.