lorem ipsum dolor sit ／ lorem 25%OFF / lorem ipsum dolor sit
lorem.com
lorem ipsum lorem ipsum lorem ipsum
SPECIAL OFFER

lorem ipsum dolor sit

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

Colors

lorem ipsum dolor

Stay (lorem / www.ikyu.com)

Stay Main
#1A4473
Stay Sub
#008DDE
Stay CTA gradient
linear-gradient(45deg, #1a4473, #008dde)
Promo Yellow
#FFC100

Restaurant (restaurant.ikyu.com)

Restaurant Gold (lorem)
#9F8C5B
Restaurant Gold (CSS lorem)
#AF9B65
Restaurant CTA Coral
#FF7171
Restaurant Surface (warm)
#F8F5EE

Other Verticals

lorem

#1A4473

lorem ipsum

#9F8C5B

lorem / lorem

#82A9DA

lorem

#A0634A

lorem ipsum

#B8593D

lorem ipsum dolor

#861212

Loyalty Tier Gradients (lorem ipsum dolor)

Diamond
#0c7b8e → #54acb9
Platinum
#777 → #c4c4c4
Gold
#a88304 → #d6b604
Bronze
#844c00 → #ac7318
Regular
#d27d07 → #ffb44d

Neutrals

Page
#FFFFFF
Surface (most frequent)
#F7F7F7
Border light
#EEEEEE
Border medium
#DDDDDD
Text Secondary
#696969
Text Primary
#333333
Typography

lorem ipsum dolor sit

Promo Lead (Mincho)28px / 400
line-height 1.6
--font-serif
lorem: lorem ipsum/lorem
lorem ipsum dolor sit
H2 Section24px / 700
line-height 1.6
--font-sans
lorem: lorem ipsum dolor
lorem ipsum dolor sit
H2 Restaurant Subtitle14px / 400
line-height 1.5
color #9F8C5B
lorem: lorem ipsum
lorem ipsum dolor sit amet consectetur
H2 Restaurant Section20px / 700
line-height 1.5
lorem: lorem ipsum dolor sit
lorem ipsum dolor sit
H3 Sidebar12px / 700
line-height 1.6
color #696969
lorem ipsum dolor
Area Card Label18px / 700
letter-spacing 0.025em
lorem: lorem ipsum
lorem / lorem / lorem
Body14px / 400
line-height 1.6
lorem: lorem
lorem / lorem ipsum / lorem ipsum dolor. lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet.
Article / Editorial

lorem ipsum / lorem ipsum dolor

SPECIAL FEATURE / lorem / lorem

lorem, lorem ipsum. lorem / lorem ipsum

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

lorem ipsum, lorem ipsum dolor sit

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

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

lorem, lorem ipsum dolor sit amet

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

Buttons & Tags

lorem / lorem

Primary CTA

Tag Pills (lorem / lorem ipsum)

lorem lorem lorem lorem ipsum lorem lorem lorem

Loyalty Badges

DIAMOND GOLD BRONZE
Cards

lorem ipsum dolor sit

SALE 25%
★4.8 (1,024 lorem)

lorem ipsum lorem lorem

lorem / lorem / lorem ipsum dolor

¥58,000– / 1 lorem 2 lorem

SALE 20%
★4.7 (820 lorem)

lorem lorem ipsum

lorem / lorem / lorem ipsum dolor

¥42,000– / 1 lorem 2 lorem

★4.9 (2,150 lorem)

lorem / lorem ipsum / lorem

lorem / lorem ipsum dolor

¥36,000– / 1 lorem ipsum

★4.6 (640 lorem)

lorem lorem

lorem / lorem / lorem ipsum dolor

¥48,000– / 1 lorem 2 lorem

Search Form

lorem ipsum dolor

lorem
lorem ipsum
lorem / lorem
Form States

lorem ipsum dolor

Default

Focus (border #008DDE)

Error (border #DE180D)

lorem ipsum dolor sit
Elevation

lorem / lorem

lorem ipsum dolor sit. lorem ipsum dolor(lorem vs#F7F7F7)lorem ipsum dolor. box-shadow lorem ipsum dolor.

Flat (border only)
Soft shadow (lorem)
Card hover (lorem)
Layout

2 lorem ipsum dolor

lorem ipsum dolor sit — lorem ipsum dolor / lorem ipsum / lorem ipsum dolor.
lorem ipsum dolor sit PC lorem sticky, lorem ipsum dolor sit amet consectetur.