lorem ipsum lorem ipsum dolor sit

01 / Colors
PALETTE

lorem 1 lorem ipsum dolor

lorem ipsum dolor sit amet consectetur, lorem ipsum dolor#856c34 lorem.

Imperial Gold
#856c34
--COLOR_BRAND_PRIMARY. CTA / lorem ipsum dolor. lorem 18 lorem
Gold Hover
#755f2d
--COLOR_BRAND_PRIMARY_HOVER
Gold Muted
#927f56
lorem“lorem ipsum”lorem
Gold Dark
#4d422a
lorem ipsum dolor sit amet
Background
#ffffff
--COLOR_BACKGROUND_LIGHT. body lorem ipsum
Surface
#f5f5f5
--COLOR_BACKGROUND_LIGHT_2. lorem 19 lorem
Surface Dark
#1a1a1a
lorem ipsum / lorem ipsum. lorem ipsum dolor
Text Disabled
#707070
--COLOR_FOREGROUND_DISABLED
Outline
#7a7a7a
lorem ipsum / lorem ipsum dolor sit amet consectetur
Outline Light
#e6e6e6
lorem ipsum / lorem ipsum dolor sit
Outline Dark
#4d4d4d
lorem ipsum dolor
On Dark 2
#cccccc
lorem ipsum dolor sit

lorem ≠ lorem(lorem ipsum dolor 0 lorem ipsum)

loremloremlorem
--COLOR_BACKGROUND_LIGHT_3#faf6ee0 lorem(lorem ipsum dolor sit amet consectetur)
--COLOR_OUTLINE_GOLD#ccbe9f0 lorem
--COLOR_BRAND_SECONDARY#b895480 lorem
--FONT_FAMILY_SANS_ENJost0 lorem(lorem ipsum dolor sit amet consectetur)
--BOX_SHADOW0 5px 6px #7d7d7d330 lorem
--BORDER_RADIUS_SMALL / LARGE5px / 10px1 lorem / 8 lorem(lorem CTA lorem 0)
--LINER_GRADIENT#ade6ff → #dbb2ff0 lorem(lorem ipsum dolor sit amet consectetur)
uniqueBackgrounds lorem#3860be / #27455c / #468254 lorem ipsum dolor sit. lorem OneTrust lorem Cookie lorem ipsum dolor._textPreview loremOK / Apply / lorem ipsum dolor / lorem ipsum dolor sit amet consectetur lorem ipsum dolor sit amet.
02 / Typography
TYPOGRAPHY

lorem ipsum dolor sit

lorem ipsum dolor sit(lorem ipsum dolor Pro). lorem ipsum dolor Noto Serif JP lorem.

Page Title (h1)
Noto Serif JP / 40px / 600
lh 2.0 / ls .05em
lorem ipsum dolor sit amet
Page Title (sub)
Noto Serif JP / 32px / 600
lh 1.8 / ls .15em
lorem ipsum / lorem ipsum dolor
Section Heading (EN)
Judson / 34px / 700
lh 1.6 / ls .2em / #856c34
DESTINATION
Section Heading (h2)
Noto Serif JP / 28px / 600
lh 1.8 / ls .05em
lorem, lorem, lorem ipsum dolor
Sub Heading (h3)
Noto Serif JP / 20px / 600
lh 1.8 / ls .05em
lorem ipsum dolor sit amet
Card Title
lorem ipsum dolor Pro / 28px / 400
lh 2.0 / ls .05em
lorem ipsum lorem
Lead
Noto Serif JP / 22px / 500
lh 2.0 / ls .05em
lorem ipsum dolor sit amet consectetur
Eyebrow (EN)
Judson / 16px / 700
lh 1.6 / ls .2em / #856c34
SUSTAINABILITY
Body(lorem)
lorem ipsum dolor Pro / 16px / 400
lh 2.0 / ls normal
1890 lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet, lorem 2.0 lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing.
Nav
Noto Serif JP / 16px / 500
lh 2.0 / ls .05em
lorem　lorem ipsum / lorem　lorem / lorem ipsum dolor
Table Header (th)
Noto Serif JP / 14px / 600
lh 2.0 / ls .05em / #856c34
lorem ipsum
Caption
lorem ipsum dolor Pro / 14px / 400
lh 2.5 / ls normal
※ lorem ipsum dolor sit amet consectetur adipiscing
Micro
lorem ipsum dolor Pro / 12px / 400
lh 1.4 / ls .12em / #856c34
IMPERIAL CLUB
Footer Small
lorem ipsum dolor Pro / 10px / 400
lh 1.5 / ls .16em / #cccccc
lorem ipsum　lorem ipsum dolor sit　lorem ipsum

“lorem ipsum dolor0.05em, lorem ipsum dolor0.2em”lorem ipsum dolor sit amet consectetur.palt lorem 0 lorem, lorem ipsum dolorletter-spacing lorem ipsum.

03 / Restaurant
RESTAURANTS

lorem ipsum dolor sit

FRENCH

lorem lorem

lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing.

lorem ipsumlorem 11:30–14:30(L.O. 14:00)／ lorem ipsum 17:30–21:30(L.O. 20:30)
loremlorem
lorem48 lorem(lorem 2 lorem)
lorem ipsum dolorlorem ipsum dolor sit

lorem ipsumth lorem Noto Serif JP 14px / 600 /#856c34. lorem1px solid #e6e6e6。

04 / Buttons
BUTTONS

lorem CTA lorem ipsum

lorem ipsum dolor sit ametlorem ipsum dolor, lorem ipsum dolor sit.

lorem ipsum lorem lorem ipsum dolor lorem TOP

Primary lorempadding: 14px 20px / 14px / 600 / letter-spacing: .05em, lorem ipsum#755f2d。
Large lorem19px 32px / 16px / 600. lorem ipsum dolor sitletter-spacing: .2em。

05 / Cards
DESTINATION

Cards

lorem ipsum dolor sit amet. lorem ipsum dolor 24px lorem ipsum dolor sit.

lorem ipsum lorem

lorem. 1890 lorem ipsum dolor, lorem ipsum dolor.

lorem ipsum dolor

lorem ipsum dolor sit amet consectetur.

lorem ipsum lorem

lorem ipsum dolor sit, lorem ipsum dolor sit.

06 / Forms
RESERVATION

Forms

lorem ipsum dolor. lorem1px solid #7a7a7a, lorem ipsum dolor sit amet.

1 lorem ipsum dolor sit amet consectetur

lorem ipsum dolor sit #856c34

lorem ipsum dolor sit amet consectetur adipiscing

lorem ipsum dolor / lorem ipsum

Success — lorem ipsum dolor sit
Danger — lorem ipsum dolor sit
Warning — lorem ipsum dolor
Info — lorem ipsum dolor sit
07 / Elevation
ELEVATION

Depth & Elevation

lorem ipsum dolor sit#1a150a(lorem ipsum dolor)lorem 10% lorem.

Level 0 — lorembox-shadow: none
Level 1 — lorem(lorem 12 lorem)inset 0 20px 20px -20px rgba(26,21,10,.1)
Level 2 — lorem ipsum dolor0 -2px 20px rgba(26,21,10,.1)
Level 3 — lorem ipsum1px 2px 8px rgba(61,63,69,.24)

lorem ipsum dolor--BOX_SHADOW: 0 5px 6px #7d7d7d33 loremlorem 0 lorem. lorem ipsum dolor sit amet consectetur.

08 / Layout
LAYOUT

Layout

lorem 1440px, lorem ipsum dolor 984px. lorem ipsum dolor 64px, lorem ipsum 24px.

max-width: 1440px(lorem)
max-width: 984px(lorem)
1 / 3
2 / 3
3 / 3
TokenValuelorem / lorem
XS4px—
S10pxlorem ipsum padding
M14pxlorem ipsum padding
L24px--SIZE_NESTED_MODULE_MARGIN
XL32pxlorem ipsum dolor padding
XXL64px--SIZE_MODULE_MARGIN(lorem ipsum dolor)
Z-IndexValuelorem
Modal500lorem ipsum
Navigation490lorem ipsum dolor
Dialog480lorem ipsum
Popover470lorem ipsum dolor
Overlay / Sticky460lorem ipsum dolor / lorem ipsum
Modules100lorem ipsum dolor
BreakpointWidthlorem
Mobile≤ 767px1 lorem. lorem ipsum dolor sit amet
Tablet768–1023px2 lorem
Laptop1024–1259px3 lorem
Desktop≥ 1260pxmax-width 1440px / lorem 984px