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.



Vorschau
Screens erkunden
Sehen Sie das beauty-Mobile-App-Design in der Vorschau, vollständig editierbar in Sleek.
Über 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.
Was enthalten ist
Enthaltene Screens
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
Wichtige 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
Zielgruppe
Für wen es ist
Anwendungsfälle
Was Sie bauen können
- 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
So nutzen Sie dieses Template
- 1
Template öffnen
Stöbern Sie in den Screens und sehen Sie das komplette Design in der Vorschau, um zu prüfen, ob es zu Ihrer Idee passt.
- 2
Dieses Template nutzen
Öffnen Sie mit einem Klick Ihre eigene, vollständig editierbare Kopie in Sleek.
- 3
Mit KI bearbeiten
Palette umstylen, Layouts ändern und Screens hinzufügen oder entfernen – einfach indem Sie beschreiben, was Sie wollen.
- 4
Exportieren und launchen
Exportieren Sie Ihr Design oder geben Sie es an Entwickler weiter, und bauen Sie weiter Richtung Launch.
Häufig gestellte Fragen
Verwandte Mobile-App-Templates
Beginnen Sie mit dem Design Ihrer beauty-App
Nutzen Sie es in Sleek und machen Sie es zu Ihrem: Palette umstylen, jeden Screen mit KI bearbeiten und nach Code oder Figma exportieren.
Dieses Template nutzen







