lorem ipsum dolor
lorem*lorem ipsum, lorem ipsum dolor
UV Care Kit
lorem ipsum dolor＆lorem ipsum lorem ipsum

*lorem ipsum dolor sit amet

Colors
lorem ipsum(#f0ebe1)lorem, lorem ipsum dolor sit(#ffffff). lorem ipsum“lorem ＋ lorem ipsum”lorem ipsum dolor.
Base — lorem ipsum 5 lorem
Body
#f0ebe1
lorem ipsum. --body-color / --color-primary-background
Surface
#ffffff
lorem ipsum / lorem ipsum / lorem / lorem ipsum
Surface Warm
#f9f7f3
lorem ipsum. lorem ipsum dolor
Beige Button
#efebe2
“lorem ipsum dolor”lorem. lorem ipsum 1
Beige Deep
#dfd4bf
lorem ipsum dolor sit amet
Brand — lorem ipsum 3 lorem ipsum
Sage
#6c8b7e
lorem ipsum. lorem ipsum / lorem / lorem ipsum
Terracotta
#e96952
lorem ipsum dolor sit
Terracotta Muted
#ca6e61
lorem ipsum dolor sit / lorem
Slate
#344150
lorem ipsum dolor sit
Neutral
Ink
#304251
lorem ipsum dolor. lorem ipsum dolor sit
Ink Alt
#3e4a58
lorem ipsum dolor. lorem ipsum dolor Ink lorem ipsum dolor
Border
#dad1ca
lorem ipsum / lorem ipsum. lorem ipsum dolor
Muted
#7d7d7d
lorem ipsum dolor sit amet
Sold Out
#000000
lorem ipsum dolor sit(lorem ipsum / 700)
Typography
lorem ipsum dolor sit, lorem ipsum dolor sit amet. lorem 3 lorem ipsum dolor.
Moments of Care
Bentham / 32px（SP 24px）/ 400 / lh 1.4 (44.8px) / letter-spacing 1pxlorem ipsum dolor — lorem ipsum
【Waphyto×kuroneko】lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur
Noto Serif JP / 18.06px / 400 / lh 1.4 (25.28px) / letter-spacing 0.7pxlorem ipsum dolor — lorem ipsum dolor sit
Products lorem ipsum
lorem ipsum dolor(lorem Zen Kaku Gothic New)/ 18px / 500 / lh 2.0 (36px)lorem ipsum dolor — UI lorem ipsum dolor
lorem — lorem ipsum dolor sit amet consectetur adipiscing elit sed. 14px lorem ipsum dolor sit, lorem 2.0 lorem 0.05em lorem ipsum dolor. lorem 1.6 lorem ipsum, lorem ipsum dolor sit amet.
Noto Serif JP / 14px / 400 / lh 2.0 (28px) / letter-spacing 0.7px（0.05em）lorem — lorem ipsum dolor(16px lorem ipsum)
lorem ipsum　lorem ipsum dolor　lorem ipsum dolor
lorem ipsum dolor / 14px / 500 / lh 1.5 /letter-spacing 1pxlorem — lorem 1px lorem ipsum
lorem ipsum dolor sit amet lorem ipsum dolor lorem ipsum / lorem Sold Out
Noto Serif JP / 11px / 400(Sold Out lorem 700)/ letter-spacing 0.7pxlorem — lorem ipsum dolor, lorem ipsum dolor
lorem ipsum dolor
Noto Serif JP / 12px / 400 / lh 2.5 (30px) / writing-mode: vertical-rllorem — lorem ipsum dolor sit amet consectetur
Topics
lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur.
Moments of Care
【Waphyto×kuroneko】lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur
UV Care Kit
【lorem UV lorem ipsum dolor】lorem ipsum dolor, lorem ipsum dolor. lorem ipsum dolor sit amet consectetur adipiscing.
Subscription Service
Waphyto lorem ipsum dolor sit｜lorem ipsum dolor sit amet consectetur.
Products
lorem ipsum dolor PC 5 lorem / lorem ipsum 3 lorem / lorem ipsum 2 lorem.
lorem ipsum dolor
lorem ipsum dolor
lorem ipsum dolor
lorem ipsum lorem ipsum dolor
¥4,180
lorem ipsum dolor
lorem ipsum UV lorem ipsum
¥4,950
lorem ipsum dolor sit amet
lorem ipsum lorem ipsum
¥3,850
lorem ipsum / lorem
lorem ipsum dolor lorem ipsum
¥5,500
lorem ipsum dolor

lorem ipsum #ffffff ＋ 1px solid #d8d1cb ＋ radius 0 ＋ padding 30px 30px 10px(lorem 10px lorem ipsum). lorem ipsum dolor, lorem ipsum dolor sit.

Buttons
lorem border-radius: 0px. lorem 1 lorem ipsum.
lorem ipsum dolor
Primary — lorem #6c8b7e(lorem)
lorem ipsum
Dark — lorem #344150
lorem ipsum dolor
Beige — lorem #efebe2 ＋ lorem
lorem ipsum dolor
Outline — 1px solid rgba(48,66,81,.5)
Forms
lorem ipsum dolor(Noto Serif JP / 14px / lorem 2.0).
lorem ipsum — 1px solid #dad1ca / radius 0
lorem ipsum — border #6c8b7e(lorem). lorem ipsum dolor
lorem — border #ca6e61(Terracotta Muted lorem)
Textarea lorem radius 0
lorem Sage lorem(radius 0)
Elevation
lorem 1 lorem ipsum. lorem ipsum“lorem ipsum dolor”lorem.
lorem #f0ebe1
lorem ipsum / lorem ipsum
lorem(lorem)#f9f7f3
lorem ipsum
lorem(lorem)#ffffff
lorem / lorem / lorem ipsum
Level 1
0 0 25px rgba(0,0,0,.2)
lorem ipsum dolor sit
Layout
lorem 5 lorem ipsum dolor.
XS 5
S 10
M 15
L 20
XL 30
XXL 40
Main Container 1200px
lorem ipsum1/5(PC)→ 1/3(lorem ipsum)→ 1/2(lorem ipsum)

lorem ipsum dolor sit #f0ebe1, lorem 88px lorem. lorem ipsum dolor sit, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.

Generated from waphyto.com DESIGN.md — awesome-design-md-jp / computed style lorem(2026-08-15)
lorem"Noto Serif JP" lorem ipsum dolorBentham lorem ipsum Google Fonts lorem ipsum, lorem ipsum dolor sit amet consectetur.
UI loremdnp-shuei-gothic-gin-std(lorem ipsum dolor / DNP / Adobe Fonts)lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsumZen Kaku Gothic New lorem ipsum dolor.