Lifestyle · Petal Gloss
Beauty App Design Template
Lumé is a glossy beauty shopping app design in a Petal Gloss aesthetic, made for founders and designers building a cosmetics or skincare product.
Preview
Explore the screens
Preview the beauty mobile app design, fully editable in Sleek.
About the Beauty App
Lumé is a beauty app design template built around a "Petal Gloss" look: a warm porcelain-cream base, deep rosewood text, blush-petal surfaces, and a single liquid-gold accent reserved for primary actions. Cards lift off the cream ground with soft blush-tinted glows instead of hard borders, a high-contrast fashion serif carries product names, and a tight uppercase grotesque handles labels and prices. The result reads like sunlight on bare skin at a vanity mirror.
The template ships six connected screens that form a complete shopping and routine flow: a Discover home with an editorial hero and trending products, a glossy Product detail with shade swatches and reviews, a Shade Match skin-tone selector, a Ritual Builder timeline, a Beauty Bag cart with subtotal, and a Profile with skin data and ritual consistency. A signature Shade Strip of real makeup swatch dots recurs across the cards, so the catalog feels like browsing actual color.
Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the flows your product needs. Then export it to code, copy it into Figma, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.
What's inside
Screens included
Discover
An editorial home with a glass-skin hero feature, category pills for Skincare, Lips, Eyes, and Tools, and a trending grid where each product tile shows a shade strip, star rating, and price. The browse-and-shop entry point.
Product Detail
A large glossy product hero for the Dew Drop Serum with name in fashion serif, a row of tappable shade swatches, a 4.9 star rating, ingredient highlights, and a gold "Add to Bag" button. Where shoppers decide and buy.
Shade Match
A guided skin-tone analysis with a dewy face swatch preview, selectable shade chips (20W, 22N, 24W), and ranked product matches with confidence percentages and add-to-bag actions. Helps shoppers find their exact shade.
Ritual Builder
A morning timeline of routine steps as stacked tonal cards: Cleanse, Treat, Seal, and Protect, each with a product thumbnail, time, and tip, plus a collapsed Evening Reset section. Turns products into a daily glow routine.
Beauty Bag
A cart grouped by Skincare Essentials and Color Collection with thumbnails, shade labels, quantity steppers, a gold total estimate, and a satin "Checkout Now" button. The purchase moment.
Profile
A member profile with avatar, loyalty level, wishlist and points stats, an editable Skin Profile of type, tone, and concerns, and a weekly Ritual Consistency bar chart. Keeps the routine personal and on track.
Design & features
Key features
- Petal Gloss aesthetic: porcelain cream, rosewood ink, blush, liquid-gold accent
- Signature Shade Strip of tappable makeup swatch dots across cards
- High-contrast fashion serif paired with uppercase grotesque labels
- Tonal stacked surfaces that lift on soft blush glows, no hard borders
- Floating frosted-glass nav bar with a gold active state
- Editorial dewy-skin photography and crisp product shots
- Shade-match flow with confidence-scored recommendations
- Routine builder timeline with morning and evening rituals
Audience
Who it's for
Use cases
What you can build
- Launch an MVP for a beauty or skincare shopping app
- Mock up screens for an investor or brand pitch
- Hand a consistent beauty app UI off to developers
- Explore a redesign of an existing cosmetics store
How to use this template
- 1
Open the template
Browse the screens and preview the full design to see if it fits your idea.
- 2
Use this template
Open your own fully editable copy in Sleek with one click.
- 3
Edit with AI
Restyle the palette, change layouts, and add or remove screens just by describing what you want.
- 4
Export and ship
Export your design or hand it to developers, and keep building toward launch.
Frequently asked questions
Related mobile app templates
Start designing your beauty app
Use it in Sleek and make it yours: restyle the palette, edit any screen with AI, and export to code or Figma.
Use this template