Style Guide
UI components and design tokens used across the HireHub platform.
Colors
Primary indigo and accent emerald color palettes.
50
100
200
300
400
500
600
700
800
900
50
100
200
300
400
500
600
700
800
900
Typography
Inter font family across all weights.
Heading XL — Extrabold
Heading Large — Bold
Heading Medium — Bold
Heading Small — Semibold
Subheading — Semibold
Body text — Regular weight, comfortable for reading longer passages of content.
Small text — Used for captions, labels, and secondary information.
Buttons
Button variants used across the platform.
Badges
Status badges and tags.
Full-time Remote Part-time Contract React TypeScript
Cards
Card component variations.
Default Card
A standard card with border and hover shadow.
Featured
Featured Card
A highlighted card with primary border and ring.
Form Elements
Input fields and form controls.