CampusKit Design System
CampusKit is a collegiate, structured, and official design system purpose-built for university portals and academic management platforms. It reflects the gravitas of institutional environments while remaining usable for students, faculty, and staff alike. The maroon-and-gold palette conveys tradition and authority, while the structured layout system ensures dense academic data remains scannable and accessible.
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.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 8pxCampusKit is a collegiate, structured, and official design system purpose-built for university portals and academic management platforms. It reflects the gravitas of institutional environments while remaining usable for students, faculty, and staff alike. The maroon-and-gold palette conveys tradition and authority, while the structured layout system ensures dense academic data remains scannable and accessible.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Inputs
Chips
List
Default List Item
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here