YUGEN DESIGN SYSTEM

Form Inputs

Text fields, selection controls, sliders, and chips — the building blocks for every data-entry moment in the product.

01 — Fields

Text Field Varieties

Full Name
Enter your name
Company
Yugen Studio
Email Address
jordan@yugen.studio
Password
••••••••••
Search Projects
Search by name or tag
Promo Code
Enter code
Username
jordan_r
This username is already taken
Bio
Tell us about yourself
Max 160 characters
AI Prompt
Describe what you want to generate
Phone Number
+1 (000) 000-0000
02 — Selection

Switches, Checkboxes & Radios

UNCHECKED
CHECKED
DISABLED
Checkbox
Radio
Switch
03 — Ranges

Sliders & Range Bars

Continuous — Volume
Discrete — Playback Speed
Double Handle — Price Range
$420
04 — Chips

Chip Elements

Filter Chips
Design
Engineering
Remote
Full-Time
Input Chips
Jordan Reyes
Maya Chen
dev-team@yugen.studio
Assist Chips
Add to Calendar
Directions
Share Location
Suggestion Chips
Summarize this
Generate variants
Explain like I'm five