Orvéli Organic Skincare Website Design | Beauty E-commerce UI

Project description

Hey everyone! 👋 Sharing Orvéli — a skincare website design for an all-natural, plant-based beauty brand 🌿 The hero leads with a full-bleed portrait and soft serif type to set a calm, honest tone, while a "Shop with AI" CTA hints at guided product discovery. Below, a tilted product card deck turns new arrivals into something you actually want to browse, and the deep forest and cream palette keeps the botanical story running through every section. 💬 Would love your thoughts — does the softer, editorial approach feel more trustworthy to you than a typical product grid? Orvéli, adapted for smaller screens 📱 The desktop hero relies on wide space and a two-line serif headline. On mobile, the same voice holds — the headline restacks to three lines, the nav collapses to a grid icon, and the CTA moves up so the shop entry point stays above the fold. Same atmosphere, tighter frame. No section gets cut, nothing gets crowded. The structure behind the Orvéli skincare website 🎨 A full type scale from H0 to H6 with paired desktop and mobile specs, so headlines keep their weight on any screen. Button states are mapped across primary, secondary, light, and dark surfaces, and the palette is built in three layers — neutrals for hierarchy, espresso and evergreen for depth, warm cream for breathing room. Consistent tokens, faster handoff, fewer decisions later. Full preview 👀 💌 Working on a beauty or e-commerce brand? Feel free to reach out through my Dribbble inbox.