HiSciAdministration
Design System
The building blocks of the HiSci interface.
Type scale
The quick brown foxHeading 1 · 24px600 weight · 1.25em line height
The quick brown foxHeading 2 · 21px600 weight · 1.25em line height
The quick brown foxHeading 3 · 18px600 weight · 1.25em line height
The quick brown foxBody · 16px400 weight · 1.25em line height
The quick brown foxSmall · 13px400 weight · 1.25em line height
Breadcrumb
Applicants/Senior Product Designer/Jordan Lee
Color tokens
background
foreground
card
popover
primary
secondary
muted
muted-foreground
accent
border
input
ring
destructive
Color primitives
Lime (brand)
100
200
300
400
500
600
700
800
950
Neutral
50
100
200
300
400
500
600
700
800
900
Red (destructive)
100
300
500
700
900
Amber
100
300
400
500
700
Universal icons
Search
Settings
New / Add
Edit
Duplicate
Delete
View
Favorite
Download
Upload
Expand
Collapse
Sort
More actions
Navigate
Activity
Email
Confirm
Close
Buttons
Badges
DefaultSecondaryOutlineDestructiveWith icon
Avatars
DLDana LopezSPSam PatelMCMaya Chen
Form controls
Tabs
First panel content.
Accordion
Accordion content for the first section.
Table
| Name | Role | Status |
|---|---|---|
| Dana Lopez | Recruiter | Active |
| Sam Patel | Coordinator | Away |