StorySnap Design System
Click to expand
StorySnap is an ephemeral, full-bleed, mobile-first design system for stories-style and ephemeral content apps. Built on a dark canvas that makes rich media pop, it features vibrant gradients, glassmorphism overlays, and bold typography for vertical swipe navigation.
Primary#EC4899
Secondary#F97316
Tertiary#9333EA
Background#0A0A0A
Headline
Aa
Search
Body
Aa
Label
Aa
Label
Color Palette
StorySnap is an ephemeral, full-bleed, mobile-first design system for stories-style and ephemeral content apps. Built on a dark canvas that makes rich media pop, it features vibrant gradients, glassmorphism overlays, and bold typography for vertical swipe navigation.
Do's & Don'ts
Do
use glassmorphism consistently for all elevated surfaces
respect device safe areas with proper insets
Don't
use opaque white backgrounds; maintain translucency
Download .md
License MIT
Uploaded yesterday
Version v1
File size 866 B
Downloads 0
Use with MCP
Using designmd mcp, download the design system https://designmd.ai/chef/storysnap and implement it in my code
Don't have the MCP? Install it here