Violet Issue
Violet Issue is a precision-engineered design system for issue tracking and project management tools. Built around a distinctive violet accent on deep dark surfaces, it prioritizes speed, keyboard-driven workflows, and information density. The aesthetic is dark, focused, and engineered for developers who spend hours in the interface every day.
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.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 4pxViolet Issue is a precision-engineered design system for issue tracking and project management tools. Built around a distinctive violet accent on deep dark surfaces, it prioritizes speed, keyboard-driven workflows, and information density. The aesthetic is dark, focused, and engineered for developers who spend hours in the interface every day.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Inputs
Chips
Issue List
Default
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here