Hakuhodo Recruitment
日文
顏色
primary
#231F20
on-primary
#FFFFFF
background
#EEEEEE
paper
#D6D6D6
surface
#FFFFFF
on-surface
#231F20
text-muted
#747272
text-faint
#9D9B9C
outline
#231F20
outline-subtle
#C5C5C5
tag-tint
#F0EFEF
字級
display-lg · Shippori Antique · 55px
The quick brown fox 敏捷的狐狸
headline-lg · Shippori Antique · 44px
The quick brown fox 敏捷的狐狸
headline-md · Shippori Antique · 34px
The quick brown fox 敏捷的狐狸
headline-sm · Shippori Antique · 25px
The quick brown fox 敏捷的狐狸
title-md · Shippori Antique · 20px
The quick brown fox 敏捷的狐狸
body-lg · Shippori Antique · 18px
The quick brown fox 敏捷的狐狸
body-md · Shippori Antique · 16px
The quick brown fox 敏捷的狐狸
label-md · Shippori Antique · 16px
The quick brown fox 敏捷的狐狸
body-sm · Shippori Antique · 12px
The quick brown fox 敏捷的狐狸
label-sm · Shippori Antique · 12px
The quick brown fox 敏捷的狐狸
caption · Shippori Antique · 11px
The quick brown fox 敏捷的狐狸
numeral-lg · eroika-slab · 55px
Google Fonts 上沒有這個字型，用瀏覽器預設的字型顯示
The quick brown fox 敏捷的狐狸
numeral-md · eroika-slab · 16px
Google Fonts 上沒有這個字型，用瀏覽器預設的字型顯示
The quick brown fox 敏捷的狐狸
圓角
none
0px
full
9999px
間距
grid-columns
28
xs
13px
sm
26px
md
51px
lg
103px
xl
206px
page-margin
51px
section-top
120px
section-bottom
160px
marquee-height
40px
元件
- page
- button-primary
- button-primary-large
- button-secondary
- button-header
- button-icon-round
- section-title
- tag
- news-category
- news-marquee
- global-nav
- nav-subtitle
- divider
- footer-link