Vacation®

Vacation®

Preview image. Unlock full-res

Sun-kissed retro comfort

Industryecommerce
Palette
#f1d27a
#23659f
#d1796d
#39aaa7
#0048ff
#333333
#e5e7eb
#ffffff
#6a6966
#dddddd
#778899
#b0c4de

Vacation® embraces a nostalgic, playful aesthetic, evoking mid-century leisure with a modern e-commerce functional layer. Its visual language balances warm, sun-kissed neutrals with a single prominent yellow-gold accent for primary interactions. Typography is a key differentiator, combining a variety of custom serif and sans-serif fonts to create a distinct, editorial feel. Components are generally soft and rounded, with subtle shadow details that nod to physical objects rather than stark digital interfaces. Use Midday Sand (#f1d27a) for all primary interactive elements, including button backgrounds and accent borders. Apply ITCGaramondStd-LtCond for display-level text to maintain the editorial, nostalgic feel, varying weights and letter-spacing as per type scale. Utilize a 9999px border-radius for all primary buttons and tags to create soft, pill-shaped components. Implement the -2px -2px 0px 0px inset shadow on elements requiring a 'physical' or 'coupon-like' visual edge. Maintain a comfortable density with element gaps of 20px and card padding of 27px, ensuring visual breathing room. For subtle accents, use Ocean Blue (#23659f) and Coral Sunset (#d1796d) as border colors for ghost buttons or link underlines. Prioritize Graphite (#333333) for all primary text content to ensure high contrast and readability on light backgrounds. Avoid using stark white backgrounds (#ffffff) unless for specific input fields or elevated surfaces; prefer Parchment White (#e5e7eb) for general canvas. Do not use highly saturated, modern gradients; the system relies on solid colors and subtle vintage-inspired effects. Refrain from sharp, angular corners; components should generally feature rounded corners (5px for cards, 9999px for buttons). Do not choose system default fonts for headings or body text; always use the specified custom font families. Avoid heavy drop shadows for general elevation; use the subtle inset shadows or the specific rgba(0,0,0,0.75) 0px 1.5px 1.5px 0px shadow for buttons. Do not introduce new vibrant colors outside the defined accent palette; color should be used sparingly for specific functional or nostalgic emphasis.

More like this