Open Serif
Open Serif is a text-first, encyclopedia-grade design system designed for maximum readability and information density. It embraces a minimalist, utilitarian aesthetic with serif typography, blue hyperlinks, and virtually no decorative elements. Content is king: the system disappears so the knowledge can shine through, accessible to everyone.
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: 4pxOpen Serif is a text-first, encyclopedia-grade design system designed for maximum readability and information density. It embraces a minimalist, utilitarian aesthetic with serif typography, blue hyperlinks, and virtually no decorative elements. Content is king: the system disappears so the knowledge can shine through, accessible to everyone.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Inputs
Chips
Navigation
Sidebar
Search
Header
Focus
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here