FeedLoop Design System
Click to expand
FeedLoop is a scroll-optimized, content-first design system built for social media feeds and content discovery platforms. It emphasizes readability at speed, with compact spacing that maximizes content density without sacrificing clarity.
Primary#2563EB
Secondary#6B7280
Tertiary#F9FAFB
Surface#FFFFFF
Headline
Aa
Search
Body
Aa
Label
Aa
Label
Color Palette
FeedLoop is a scroll-optimized, content-first design system built for social media feeds and content discovery platforms. It emphasizes readability at speed, with compact spacing that maximizes content density without sacrificing clarity.
Do's & Don'ts
Do
keep post cards visually uniform with consistent padding and card radius
maintain a minimum touch target of 44px for mobile interactions
Don't
add heavy shadows to feed cards
Download .md
License MIT
Uploaded yesterday
Version v1
File size 845 B
Downloads 1
Use with MCP
Using designmd mcp, download the design system https://designmd.ai/chef/feedloop and implement it in my code
Don't have the MCP? Install it here