Built on Spartan UI (vega style) foundations, restyled to bysur tokens: Bricolage Grotesque headings, Inter everywhere else, a flat Notion-inspired surface, and the Studio blue palette. Every control below is live: click, type, toggle, including the theme switch in the topbar.
Click a row to expand its content. Single- or multi-open, your choice; this one allows multiple open at once.
{{ item.content }}
Inline banners, plus toasts you can trigger.
Sizes and a stacked group.
Status badges and removable tags.
Ancestor levels are clickable links; the current page is de-emphasized and non-interactive, per NN/g and Uxcel guidance.
Primary, secondary, ghost and destructive variants across three sizes, plus disabled and icon states.
Spartan (vega style) card anatomy — header with title, description and an action slot; content; footer — rebuilt with ByUI tokens.
Click to toggle.
Text field, textarea, error and disabled states.
Text field with a visibility toggle.
Notion-style contextual menu: click the trigger to open, click outside or an item to close.
Dialog with backdrop, opens on click.
Slack-style quick switcher: opens as a command palette, filters as you type.
Segmented single-choice control, same mechanic as the Theme blend switch, generalized to any number of items.
Drag the thumb or click the track.
Notion-style custom dropdown; click to open.
Notion-style app navigation, for use as a product's left rail, not this catalog's.
Dense data table with row hover.
Click a tab to switch panels.
High-level summary of this page: last edited by Jordan Silva, 3 collaborators, linked from 2 other workspaces.
Jordan added a comment · Priya updated the status to "In review" · Sam mentioned you in a note.
Visibility: Workspace · Comments: Enabled · Page analytics: Off.
Switches for settings rows.
Hover a toolbar icon.
Full-page compositions built from the components above. Content is blocked out with placeholders; swap the layout via the pill selector above.
Computed live against the current theme, radius and product accent: foreground vs. background luminance ratio (WCAG 2.1 §1.4.3 / RGAA 3.2).
Target size measured against WCAG 2.5.8 (24px minimum, AA) and 2.5.5 (44px, AAA).
This moves "Product launch plan" to trash. Pages in trash are deleted permanently after 30 days.