Serif Journal
Serif Journal is an editorial design system inspired by the internet's premier long-form reading platform. It reveres the written word above all else — serif typography dominates, color is used with extreme restraint, and every design decision optimizes for immersive, distraction-free reading. The aesthetic channels a literary magazine: elegant, opinionated, and confidently minimal. Content is not decorated; it is presented with the respect it deserves.
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: 4pxSerif Journal is an editorial design system inspired by the internet's premier long-form reading platform. It reveres the written word above all else — serif typography dominates, color is used with extreme restraint, and every design decision optimizes for immersive, distraction-free reading. The aesthetic channels a literary magazine: elegant, opinionated, and confidently minimal. Content is not decorated; it is presented with the respect it deserves.
Components
Buttons
Cards
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