MicroPost
MicroPost is a dense, social-first design system for microblogging and short-form content platforms. It prioritizes content density — many posts visible per screen — while keeping each unit scannable and distinct. Rounded shapes and soft blue accents evoke the familiarity of social platforms, while compact spacing ensures the feed feels alive and full. Every component is optimized for quick reading, fast interaction, and clear threading between connected posts.
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.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 4pxMicroPost is a dense, social-first design system for microblogging and short-form content platforms. It prioritizes content density — many posts visible per screen — while keeping each unit scannable and distinct. Rounded shapes and soft blue accents evoke the familiarity of social platforms, while compact spacing ensures the feed feels alive and full. Every component is optimized for quick reading, fast interaction, and clear threading between connected posts.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
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