Back to workspace

One visual language.
Every little detail.

The shared shadcn components behind YouTube Automation, styled from the Mem0 website and dashboard. Try their controls and states below.

Interactive component reference
Color & typography
Fustat · black and gray surfaces · lavender accents

Primary text

#181818

Workspace

#f4f4f4

Brand

#cbb2ff

Selected

#745cc4
Buttons
Dashboard actions at 36px; marketing actions at 38px.
Tabs
Lavender dashboard selection and quiet text navigation.
Your next starting point.
Channel information and creative direction.
Inputs & select
38px fields, 8px radius, #DDDDDD borders.
Switches, checkboxes & progress
Compact controls with explicit selected and disabled states.

Include checks in new video drafts.

60%
Menus, dialogs & tooltips
Reusable overlays with keyboard navigation and focus handling.
Badges, avatars & separators
Small details that carry status without competing with content.
DefaultIn reviewDraftNeeds attention
YT

The Curious Mind

Creator workspace

DEMO
Table
Compact headings, quiet row borders, and readable status labels.
VideoStatusFormat
Why the ocean is still a mysteryIn reviewExplainer
What happens when a star diesDraftShort
Accordion
Expandable answers with a clear focus state.