MISHIMA
SHA
lorem ipsumMISHIMASHA
lorem, lorem ipsum
Colors
01 — lorem ipsum dolor. lorem ipsum dolor sit
Base
Background
#ffffff
Ink(lorem ≒ #413931)
rgba(39, 30, 21, 0.88)
Ink Solid(lorem)
#271e15
Brand / Accent
Brand Green
#009d4e
Green Dark(lorem ipsum)
#016c36
Link Green(lorem)
#008000
Reprint Red(lorem)
#ff0000
Neutral
Divider
rgba(24, 24, 24, 0.06)
Menu Overlay
rgba(39, 30, 21, 0.4)
Search Panel
rgba(237, 237, 237, 0.96)
Top Gradient
rgba(0,0,0,.04) → 0

lorem ipsum hex lorem ipsum dolorrgba(39, 30, 21, 0.88) lorem ipsum. lorem ipsum dolor sit amet.

Typography
02 — lorem ipsum 1 lorem. line-height 1.6 lorem ipsum dolor
Page Heading
28px / 700 / 1.6 / normal
lorem
Page Heading Light
28px / 400 / 1.6 / normal
lorem ipsum
Section Title
22.5px / 700 / 1.6 / normal
lorem ipsum dolor
Feature Title
23px / 700 / 1.26 / normal
7 lorem ipsum“lorem ipsum dolor sit amet”“lorem lorem lorem”
Card Title
16px / 700 / 1.44 / normal
lorem ipsum dolor sit amet consectetur lorem ipsum
Nav
16px / 700 / 1.44 / 0.3em
lorem ipsum
Base (body)
15px / 400 / 1.6 / normal
lorem ipsum, lorem ipsum dolor sit amet consectetur.
Body (long form)
15px / 400 / 2.0
lorem ipsum dolor sit, lorem ipsum dolor, lorem ipsum, lorem ipsum dolor, lorem ipsum dolor, lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur. lorem“lorem ipsum”lorem ipsum dolor sit.
Description
14px / 400 / 1.6
7/9(lorem)lorem ipsum dolor!　lorem ipsum dolor sit amet consectetur, lorem 13 lorem ipsum.
Subtitle
12px / 700 / 1.92
lorem ipsum dolor sit amet consectetur
Breadcrumb
12px / 400 / 1.6
lorem ＞ lorem
Badge
12px / 700 / 1.0
2 lorem 6 lorem

lorem ipsum 400 lorem 700 lorem 2 lorem. lorem(500 / 600)lorem ipsum. letter-spacing lorem ipsum dolor sit amet(0.3em)lorem, lorem ipsum normal.

Books
03 — lorem ipsum dolor sit. lorem / lorem / lorem ipsum dolor
Feature(lorem — 2 lorem)
lorem ipsum dolor sit amet
lorem ipsum dolor
lorem lorem lorem
lorem ipsum
7 lorem ipsum“lorem ipsum dolor sit amet”“lorem　lorem lorem”
7/9(lorem)lorem ipsum dolor!　lorem ipsum dolor sit amet consectetur, lorem 13 lorem ipsum “lorem ipsum dolor sit amet”, lorem ipsum dolor sit“lorem ipsum”lorem ipsum, lorem / lorem ipsum dolor sit amet consectetur adipiscing elit.
lorem lorem lorem ipsum dolor
Book Grid
lorem ipsum
2 lorem

lorem ipsum dolor sit amet consectetur lorem ipsum

lorem ipsum
lorem ipsum dolor

lorem ipsum dolor

lorem ipsum
lorem ipsum
6 lorem

lorem ipsum dolor sit

lorem ipsum dolor sit amet consectetur
lorem / lorem ipsum dolor
lorem lorem

lorem　lorem lorem

lorem ipsum
Pagination
1 234513
Buttons
04 — lorem CTA lorem ipsum. lorem ipsum dolor sit amet consectetur
Outline Tag Button
lorem lorem ipsum dolor lorem lorem ipsum dolor

transparent / 1px solid #271e15 / border-radius 10px / padding 7px 12px / 14px / 700

Badge / Link
2 lorem 6 lorem “lorem ipsum dolor sit”
Cards
05 — lorem ipsum dolor sit amet. lorem ipsum dolor
lorem ipsum

lorem ipsum vol.16

lorem“lorem ipsum”
lorem ipsum
lorem ipsum
3 lorem

lorem ipsum dolor

lorem ipsum
lorem ipsum

lorem ipsum dolor sit

lorem ipsum dolor
lorem ipsum

lorem ipsum dolor sit

lorem ipsum
Forms
06 — lorem ipsum / lorem ipsum / lorem. lorem ipsum dolor sit 10px
lorem ipsum dolor sit amet consectetur
lorem ipsum dolor sit #009d4e lorem ipsum
lorem ipsum dolor sit amet consectetur
Elevation
07 — lorem ipsum, lorem ipsum dolor sit amet consectetur adipiscing
Level 0 — nonelorem. lorem / lorem / lorem ipsum dolor sit.
Level 1rgb(128, 128, 128) 0px 0px 5px 0px
lorem ipsum / lorem ipsum.
Top Gradientlinear-gradient(rgba(0,0,0,0.04) 0%, rgba(0,0,0,0) 100%)
lorem ipsum dolor sit.
Layout
08 — 3 lorem ipsum dolor. lorem ipsum dolor CSS lorem ipsum
1280px — lorem(lorem ipsum dolor)
960px — lorem
760px — lorem
Header Height(lorem ipsum dolor)
--header-y: 128px(lorem)
--header-y-low: 80px(lorem ipsum dolor)

lorem ipsum dolor sit amet consecteturvar(--header-y) lorem. px lorem ipsum dolor.

Spacing Scale
5
12
24
48
80

lorem ipsum 980px(lorem ipsum 768px lorem ipsum). lorem 900 / 984 / 1020 / 1140px lorem lorem ipsum dolor sit amet, 2 lorem ipsum dolor sit amet consectetur. @media (prefers-reduced-motion: reduce) lorem.