Skip to main content
Beauty & Personal Care Clean Beauty 12 Screen Layouts Included

Beauty Studio

Skincare & beauty with shade swatches & routine builder

Sensory cosmetics & beauty storefront featuring shade color discs, volume/bottle options, multi-facet concern/skin-type filtering, clean beauty badges, and routine/ritual pairing drawers.

Domain Architecture & Specialized Features

Engineered specifically for Beauty & Personal Care workflows with native Flutter widgets and business-rule validation.

1

Editorial Shade Discs & Swatch Selectors

Fully decoupled domain logic with immutable models, unit tests, and pre-configured database migration schema.

2

Volume Variant Chips (30ml, 50ml, 100ml) with Cost-per-ml

Fully decoupled domain logic with immutable models, unit tests, and pre-configured database migration schema.

3

Multi-Facet Skin Concern, Type & Clean Formula Filters

Fully decoupled domain logic with immutable models, unit tests, and pre-configured database migration schema.

4

Full INCI Ingredient Transparency & Allergen Highlighting

Fully decoupled domain logic with immutable models, unit tests, and pre-configured database migration schema.

5

Step-by-Step Skincare Routine & Ritual Recommendations

Fully decoupled domain logic with immutable models, unit tests, and pre-configured database migration schema.

12 Included Retail Storefront Screens

All core customer, checkout, catalog, and account flows are pre-built and customizable visually.

📱
home
SCR-HOM
📱
categories
SCR-CAT
📱
search
SCR-SEA
📱
product detail
SCR-PRO
📱
cart
SCR-CAR
📱
checkout
SCR-CHE
📱
order confirmation
SCR-ORD
📱
order history
SCR-ORD
📱
wishlist
SCR-WIS
📱
profile
SCR-PRO
📱
auth
SCR-AUT
📱
addresses
SCR-ADD

Theme Tokens & Design Palette

Complies with Material Design 3 color roles with tailored contrast ratios across Light and Dark themes.

☀️ Light Mode Tokens

Primary
#88304E
Accent
#FCE8ED
Surface
#FFFFFF
Background
#FFF9F1

🌙 Dark Mode Tokens

Primary
#F5BAC7
Accent
#4E202F
Surface
#261C20
Background
#1A1215

Export & Run Standalone

Launch this template in the App Builder or run it locally as an independent Flutter project with zero proprietary lock-in.

# 1. Verify project setup after downloading export ZIP:
dart tool/verify_setup.dart
# 2. Run Flutter app locally:
flutter pub get && flutter run -d chrome
# 3. Compile native Android APK:
flutter build apk --debug