C
Cloubay
← 样板列表/美妆 · DTC 化妆品/Lunaria · 洁净美妆 · 把成分讲清楚
美妆 · DTC 化妆品·2026

Lunaria · 洁净美妆 · 把成分讲清楚

洁净美妆 DTC · 每一个活性成分都有一张卡 — 产地、作用、配比百分比 — 瓶身不承诺配方做不到的事

DTC 店铺成分透明使用仪式 UX渠道定位
设计稿 · 视觉

V1 · Single-product transparency PDP

A single-product detail page for a clean-beauty hero serum. The page opens in deep black with a serif name set in display weight, the bottle illustrated on the right. Below the hero, every active ingredient gets a card — origin, role, exact percentage — so the brand can only promise what the chemist signed off. AM and PM ritual instructions sit in a centered block, three customer ratings underline the claim, and a sticky bottom bar carries the add-to-ritual price across the whole scroll. 3-language switcher (zh / en / ja).

Palette
Black #0B0B0B · Ivory #F4EFE8 · Emerald #3E7F62 · Charcoal #2A2A2A
Fonts
Playfair Display (serif display) + Inter (body) + Noto Serif SC/JP (CJK)
Architecture
React 18 UMD + Babel standalone · single-file SPA · static MinIO host
For
Clean-beauty DTC brands with under-20-SKU lines that lead with formulation honesty
Memorable
Ingredient cards reveal their percentage on hover · sticky cart bar stays in the bottom thumb zone
准备加载预览…
☞ 完整流程:首页 → 列表 → 详情 → 选授权 → 支付 → 证书在新窗口打开:V1
Lunaria · Clean beauty, told honestly · Cloubay