Orange Forum
Orange Forum is a community-driven design system inspired by the internet's front page. It prioritizes content density, threaded conversation, and the democratic upvote/downvote mechanic. The aesthetic is utilitarian and unpretentious — designed to handle massive amounts of user-generated content with clear hierarchy, readable typography, and that iconic burst of orange that signals engagement and participation.
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.
Spacing
Base: 4pxOrange Forum is a community-driven design system inspired by the internet's front page. It prioritizes content density, threaded conversation, and the democratic upvote/downvote mechanic. The aesthetic is utilitarian and unpretentious — designed to handle massive amounts of user-generated content with clear hierarchy, readable typography, and that iconic burst of orange that signals engagement and participation.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Card Title
Sample body text for the card component.
Inputs
Chips
checkbox
default
checked
tooltip
default
nav
topNav
search
topNav
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here