HRFlow Design System
HRFlow is a people-focused, warm-professional design system built for HR platforms and employee management systems. It balances approachability with the professionalism required for sensitive workplace data. The warm purple palette and rounded forms convey trust and care, while clean layouts keep complex org structures and workflows easy to navigate.
Color Palette
Typography
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 8pxHRFlow is a people-focused, warm-professional design system built for HR platforms and employee management systems. It balances approachability with the professionalism required for sensitive workplace data. The warm purple palette and rounded forms convey trust and care, while clean layouts keep complex org structures and workflows easy to navigate.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Card Title
Sample body text for the card component.
Inputs
Chips
list-item
Default
Hover
Selected
checkbox
Unchecked
Checked
Indeterminate
radio
Unchecked
Checked
tooltip
Default
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here