Coral Stay
A warm, inviting design system built around trust and belonging. Coral Stay uses a signature coral-pink accent against soft, neutral backgrounds to create an emotional connection with users. The aesthetic is rounded, friendly, and photographic — designed to make every interaction feel personal, approachable, and effortlessly welcoming.
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.
Spacing
Base: 8pxA warm, inviting design system built around trust and belonging. Coral Stay uses a signature coral-pink accent against soft, neutral backgrounds to create an emotional connection with users. The aesthetic is rounded, friendly, and photographic — designed to make every interaction feel personal, approachable, and effortlessly welcoming.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Inputs
Chips
Checkbox
Unchecked
Checked
Tooltip
Default
Navigation
Desktop
Search
Desktop Full
Mobile
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here