Dev Surface
Components and Typography
Living reference for reusable UI primitives in this repo. Use this page to verify visual consistency before shipping.
Web Audio Player (Dev)
Standalone test surface for playback, subtitle sync, and Media Session controls.
Typography
Type tokens aligned to design-system v2 scale.
hero
Create anything in one flow
Main hero headline
h1
Component Library
Page-level title
h2
Design Tokens
Section title on feature surfaces
section
Common Components
Block heading
card
Template card title
Card headline
body
Build voice, image, video, and text workflows from one place.
Body paragraph
ui
Run generation
Buttons and controls
sm
Search and helper text
Supportive UI copy
xs
Updated 3 minutes ago
Meta content
tag
VOICE
Tag and duration labels
mono
model=v3-pro | latency=320ms
Technical values
Buttons
Primary, secondary, ghost, danger, and size matrix.
Inputs and Badges
Form and status primitives for common states.
Avatar
Single avatars, badges, and stacked groups.
Cards
Composable surface blocks with header, content, and footer.
Model tuned for multilingual long-form speech with expressive pacing controls.
Dialog
Modal primitives for focused confirmation and task flow.
Toast
Transient feedback for task completion, warning, and failure states.
Toasts stack in the top-right area, support swipe-to-dismiss, and keep action copy short.
Dropdown Menu
Trigger + menu content pattern for compact action groups.