lorem lorem

lorem ipsum

Aman Tokyo(aman.com/ja-jp/resorts/aman-tokyo)lorem ipsum dolor sit amet consectetur adipiscing. Lyon Text Web + yu-mincho-pr6 lorem ipsum dolor, lorem ipsum dolor sit amet #f3eee7, lorem ipsum 400, lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum computed style lorem ipsum dolor.

lorem ipsum lorem ipsum dolor
01 / Colors

Color Palette

Brand / Surface
Aman Cream
#f3eee7
lorem ipsum(lorem ipsum dolor)
Light Cream
#fdf9f5
lorem ipsum / lorem ipsum
Near Cream
#fdfaf6
lorem ipsum dolor
Light Gray
#efefef
lorem ipsum dolor sit
Foreground / Text
Warm Dark
#313131
lorem ipsum / CTA lorem
Dark Alt
#404040
lorem ipsum dolor / Cookie lorem
Map Blue
#3860be
lorem UI(lorem ipsum)
02 / Typography(lorem)

Typography

lorem ipsum
Lyon Text Web (→ Cormorant Garamond) / 31px / 400 / line-height: 1.45 / letter-spacing: 0.5pxH1
lorem lorem
Meiryo / 10px / 400 / letter-spacing: 2px / uppercaseSUBTITLE OVERLINE
lorem ipsum
Lyon Text Web / 24px / 400 / letter-spacing: 0.5pxH2 MEDIUM
lorem ipsum dolor
Lyon Text Web / 19.6px / 400 / letter-spacing: 0.05em (0.98px)H3
lorem
Meiryo / 10px / 400 / letter-spacing: 2pxCATEGORY LABEL
lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur adipiscing. lorem 30 lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit 84 lorem ipsum, lorem 2,500 lorem ipsum dolor / lorem, lorem ipsum dolor sit amet consectetur adipiscing.
yu-mincho-pr6 (→ Shippori Mincho) / 14px / 400 / line-height: 1.45 / letter-spacing: 0.8px (0.057em)BODY
lorem ipsum
Lyon Text Web / 16.8px / 400 / letter-spacing: 4pxFOOTER BRAND
lorem ipsum
Meiryo / 14px / 400 / bg: #313131 / color: #f3eee7CTA BUTTON
lorem lorem ipsum lorem ipsum
A Journey Through Japan
lorem ipsum dolor sit amet, lorem ipsum dolor.
lorem ipsum
03 / Rooms

Guest Rooms

lorem Premier Room

Premier Room

lorem ipsum dolor

71 lorem ipsum dolor sit amet consectetur, lorem ipsum
lorem ipsum Aman Suite

Aman Suite

lorem ipsum dolor

lorem ipsum dolor sit amet, lorem ipsum dolor sit
lorem ipsum The Restaurant

The Restaurant by Aman

lorem / lorem ipsum

lorem ipsum dolor sit amet consectetur adipiscing elit
04 / Buttons

Buttons

lorem ipsum
PRIMARY DARK
bg #313131 / color #f3eee7 / radius 0
lorem
GHOST
bg rgba(255,255,255,0.25) / radius 0
lorem ipsum
DISABLED
opacity 0.4
05 / Forms

Forms

DEFAULT — border rgba(49,49,49,0.2)
FOCUS — border #313131
ERROR — border #9e3333
06 / Elevation

Depth & Elevation

Aman lorem ipsum dolor sit amet consectetur. lorem ipsum, lorem ipsum dolor sit(#f3eee7 → #fdf9f5 → #fdfaf6)lorem ipsum dolor sit amet. border-radius lorem ipsum 0.

Light Cream
#fdf9f5 — lorem ipsum
Aman Cream
#f3eee7 — lorem ipsum
Warm Dark
#313131 — CTA / lorem ipsum
07 / Layout

Layout & Spacing

10px
15px
24px
40px
60px
88px
header
120px