VolunteerHub Design System
VolunteerHub is a community-driven, action-oriented design system built for volunteer coordination and community service platforms. It uses energetic blues and oranges alongside a supportive green to encourage participation and celebrate impact. The rounded, friendly UI creates a welcoming experience that lowers the barrier to getting involved.
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: 8pxVolunteerHub is a community-driven, action-oriented design system built for volunteer coordination and community service platforms. It uses energetic blues and oranges alongside a supportive green to encourage participation and celebrate impact. The rounded, friendly UI creates a welcoming experience that lowers the barrier to getting involved.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Card Title
Sample body text for the card component.
Inputs
Chips
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here