Job Streamers UI
A living reference of the reusable, themeable, WCAG 2.2 AA components in@job-streamers/ui. Toggle the theme in the header to preview light / dark.
Colors
Fixed brand ramps and themable semantic roles.
Brand — Teal (#12657F)
50#eef5f8
100#d3e6ec
200#a6ccd8
300#6fadbf
400#3f93ab
500#12657f
600#0f5468
700#0c4253
800#09323f
900#07262f
Flame — Orange (#F07E20)
50#fef3e9
100#fce1c9
200#f9c393
300#f5a55d
400#f28c36
500#f07e20
600#d96a12
700#b4560f
800#8a420c
900#5e2d08
Semantic roles
Typography
Inter for UI, JetBrains Mono for code.
Display
Heading 1
Heading 2
Heading 3
Lead paragraph — larger supporting text.
Body — the default paragraph size for reading.
Caption — meta and helper text.
Buttons
Variants, sizes and states.
Badges
Alerts
Heads up
Success
Warning
Error
Toasts
Form controls
Inputs, selects and toggles with accessible states.
We'll never share it.
Enter a valid email
Cards, KPI & widgets
Card title
A simple content card.
Cards group related content and actions.
Applications
1,284
+12%vs last week
Time to hire
6.2 days
-8%faster
Recent activity
Reusable dashboard widget shell
72% of your pipeline reviewed
Tabs & accordion
Overlays
Dialog, sheet, dropdown and tooltip.
Data table
Sortable, paginated, keyboard-accessible.
| Status | |||
|---|---|---|---|
| Aisha Rahman | Product Designer | 96% | Shortlisted |
| Diego Fernández | Engineer | 93% | Interviewing |
| Mei Lin | Data Scientist | 88% | New |
| Jordan Blake | Product Manager | 84% | New |
| Sara Okoro | Frontend Engineer | 79% | Reviewing |
Charts
Presentational Recharts wrappers for KPI / dashboard widgets.
Area — matches / week
Bar — pipeline stages
Loading & feedback states
Loading matches…
No candidates yet
Invite talent to get started.
Profile published
Your video profile is live.
Something went wrong
An unexpected error occurred. Please try again.