BluePad design system
Shared foundations and components based on your Figma exports.
Create professional content, fast and effortlessly
Quiet surfaces. Clear actions. Room to create.
Colors & surfaces
Canvas#F2F2F2
Panel#FFFFFF
Ink#242424
Lilac#D7C5FA
Coral#FFB6A6
Blue#B4C8FF
Actions & statuses
FreePremiumExclusiveDisabled
Content fields
BluePad identity
Unfurl: a flowing ribbon expressing an idea taking shape.
BluePad
Notifications
Quiet surfaces, clear status, and shared motion. Preview each notification below.
Loading states
Each page keeps its shape while content arrives. Shared spacing, a soft pulse, and reduced-motion support.
Motion & overlays
Shared timing and easing: gentle lift for pop-ups, edge slides for sheets, and reduced-motion support.