Recess

The desktop homepage features a wide hero section with a bright blue sky background and white clouds. On the left, the headline 'relax & unwind with Recess' is displayed above a 'SHOP NOW' button, while the right side shows Recess beverage cans and powders arranged on a yellow surface with fresh fruit. A navigation bar at the top includes the Recess logo, shop link, and account options.The mobile version uses a vertical layout with the same blue sky and cloud theme. The headline and 'SHOP NOW' button are centered at the top, followed by a large, centered image of the Recess product lineup and fruit on a yellow base. The navigation is condensed, featuring the logo and a simplified menu icon at the top.

Recess is a lifestyle beverage brand dedicated to providing alcohol-free, functional relaxation through its line of craft mocktails and powders. The website serves as a direct-to-consumer storefront, inviting users to 'relax & unwind' with a product lineup designed to mimic the social experience of cocktails without the hangover. Its purpose is clearly centered on wellness-oriented escapism, positioning itself as a sophisticated alternative to traditional alcohol. The visual identity is a masterclass in sensory branding, utilizing a dreamlike, ethereal aesthetic to evoke the feeling of calm. The design features soft, organic shapes, cloud-like motifs, and a vibrant yet soothing color palette of sky blues, sunny yellows, and pastel pinks. The typography is a mix of bold, approachable sans-serifs and a whimsical, handwritten-style logo, creating a brand persona that feels both modern and effortlessly chill. It targets a wellness-conscious, social-seeking audience that values aesthetic experience as much as functional benefits.

Credits

Design

Colors
Buckets
Palette
#1D9BE8
#68D3F7
#29355B
#E5A50A
#E8B458
#EBDBD7

Technology

Affiliate programs
JavaScript frameworks
Marketing automation
Programming languages
Security
Static site generator
Tag managers
Web frameworks
Web servers
Pagespeed
Desktop
36
Performance
86
Accessibility
77
Best Practices
92
SEO
Mobile
9
Performance
86
Accessibility
77
Best Practices
92
SEO
Related websites
Advertisement
Learn more

Websites on Display is an independent web design inspiration gallery and archive. All website designs, screenshots, logos, and trademarks featured on this platform remain the exclusive intellectual property of their respective original creators, agencies, and brands. If you are a copyright holder and wish to have your work credited, or removed from the archive, please contact us and we will promptly accommodate your request.