Mate Libre

The desktop homepage features a clean white navigation bar with links to products, explore, and community. The hero section displays a large lifestyle photograph of people camping by a lake, overlaid with the headline 'the ideal dose of nature' and a 'discover' button. Below the hero, the layout transitions into a series of full-width image banners and product showcase sections with a minimalist aesthetic.The mobile version features a condensed header with a hamburger menu, a profile icon, and a shopping bag icon. The hero image of people camping is vertically oriented to fill the screen, with the primary headline and 'discover' call-to-action button centered over the bottom half of the image. Navigation arrows for a carousel are positioned at the bottom right.

Mate Libre is a lifestyle-driven beverage brand specializing in functional, plant-based yerba mate drinks. Positioned as a natural alternative to traditional energy drinks, the brand emphasizes organic ingredients, fair trade practices, and a low-sugar profile. The website serves as a direct-to-consumer storefront designed to connect health-conscious consumers with a refreshing, antioxidant-rich energy source. The visual identity is vibrant, sun-drenched, and deeply rooted in an outdoor, communal aesthetic. Utilizing bold, sans-serif typography and a warm, earthy color palette, the design evokes a sense of freedom and natural vitality. The use of high-quality lifestyle photography—featuring camping and social gatherings—successfully shifts the product from a mere commodity to an essential component of an active, mindful lifestyle.

Credits

Design

Colors
Buckets
Palette
#FFFFFF
#211C16
#726555
#EDEADE
#ABADA8
#C29956

Technology

Ecommerce
Marketing automation
Miscellaneous
Security
Pagespeed
Desktop
82
Performance
88
Accessibility
96
Best Practices
92
SEO
Mobile
56
Performance
88
Accessibility
92
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.