02 / Typography
TYPOGRAPHY
lorem ipsum dolor
lorem ipsum dolor, lorem ipsum dolor
loremAbout lorem Playfair Display(lorem). lorem ipsum 11px lorem ipsum dolor sit amet 2 lorem ipsum, lorem ipsum dolor.
Display EN
Playfair Display / 48px / 400
lh 1.25 / ls .08em
Sweets of Hokkaido
Section EN
Playfair Display / 36px / 400
lh 1.12 / ls .08em / #005bac
LINEUP
Heading 1
Noto Sans JP / 32px / 700
lh 1.44 / ls .1em
lorem ipsum dolor, lorem ipsum
Heading 2(lorem)
Noto Serif JP / 25px / 400
lh 1.8 / ls .1em
lorem ipsum, lorem ipsum dolor sit
Nav EN
Playfair Display / 22px / 400
lh 1.37 / ls .1em / #005bac
About
Nav lorem ipsum
Noto Sans JP / 11px / 400
lh 1.37 / ls .1em
lorem ipsum
Heading 3
Noto Sans JP / 20px / 700
lh 1.6 / ls .1em
lorem ipsum
Lead
Noto Sans JP / 18px / 700
lh 1.56 / ls .1em
1976 lorem ipsum dolor, lorem ipsum dolor
Body(lorem)
Noto Sans JP / 15px / 400
lh 2.0 / ls .1em
lorem 89 lorem ipsum
lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet. lorem 2.0 lorem 0.1em lorem ipsum, lorem ipsum dolor sit amet consectetur.
Body Bold
Noto Sans JP / 15px / 700
lh 2.0 / ls .08em
lorem ipsum dolor sit amet consectetur adipiscing 0.08em lorem ipsum
Caption
Noto Sans JP / 13px / 400
lh 1.54 / ls .1em
※ lorem ipsum / lorem ipsum dolor sit amet consectetur adipiscing
Micro EN
Playfair Display / 10px / 400
lh 1.0 / ls .18em / #005bac
CONFECTIONERY
lorem ipsum dolor sit 0.1em. Playfair Display lorem ipsum 1 lorem 0.08em, 10px lorem ipsum dolor 0.18em lorem ipsum.palt lorem ipsum(lorem 583 lorem 1 lorem / lorem ipsum dolor sit), lorem ipsum dolorletter-spacing lorem ipsum dolor.lorem ipsum dolor sit amet consectetur adipiscing,palt lorem ipsum dolor sit amet consectetur.
root loremfont-size lorem 15px(16px lorem ipsum).rem lorem ipsum 1rem = 15px lorem,1.34rem = 20.1px lorem ipsum dolor sit amet consectetur.