lorem
INDEN-YA

lorem

lorem ipsum dolor sit amet consectetur adipiscing elit sed

lorem“lorem”lorem
Colors
01 — lorem ipsum dolor. lorem #9b0e15 lorem“lorem ipsum”lorem 1 lorem ipsum dolor sit
Accent
lorem / Crimson#9b0e15 — lorem ipsum 1px lorem ipsum dolor.lorem ipsum dolor
Ink
Body Inkrgba(0,0,0,.843) ≒ #272727. lorem ipsum dolor
Ink(CTA lorem)#000000
Text Sub(lorem)#333333
Text Muted(lorem ipsum)#666666
Text Faint#7c7c7c
Text Thin#999999
Surface
Background#ffffff
Surface#efefef
Surface Alt(lorem ipsum)#ededed

lorem ipsum dolor(lorem / lorem ipsum)lorem, UI lorem ipsum dolor sit. lorem ipsumrgba(0,0,0,.843) lorem ipsum dolor sit amet, lorem ipsum dolor sit amet lorem ipsum dolor sit amet consectetur.

Typography
02 — lorem ipsum dolor, lorem ipsum dolor sit / palt lorem ipsum dolor / letter-spacing 0.64px
Hero Title(lorem)
50px / 400 / line-height 34px / 4px
※lorem ipsum dolor sit. 2–4 lorem ipsum
lorem
Hero Lead(lorem)
24px / 400 / 1.46 / 0.64px
lorem ipsum dolor sit amet consectetur adipiscing elit sed
Section Head(lorem)
30px / 400 / 1.7 / 0.8px
lorem ipsum dolor sit.
Sub Head(lorem)
24px / 400 / 1.7 / 1.44px
lorem
Nav(lorem)
18px / 400 / 1.0 / 0.64px
lorem ipsum dolor
Nav Current(lorem)
18px / 400 / 1.0 / 0.64px
color #9b0e15 + lorem 1px
lorem
Body(lorem ipsum)
16px / 400 / 1.69 / 0.64px
lorem ipsum dolor, lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod.
Body Emphasis(lorem ipsum)
16px / 400 / 1.69 / 0.96px
【lorem ipsum】lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.
CTA L(lorem)
20px / 400 / 1.0 / 0.64px
lorem“lorem”lorem
CTA S(lorem)
16px / 400 / 1.0 / normal
lorem ipsum
Tag(lorem ipsum)
14px / 400 / 1.0 / 0.64px
lorem lorem ipsum
Caption(lorem ipsum)
14px / 400 / 1.7 / 0.64px
lorem ipsum dolor sit, lorem ipsum dolor
Copyright(lorem ipsum)
11px / 400 / 1.0 / 0.44px
Copyright © INDEN-YA Co.,Ltd. All Rights Reserved.

font-weight lorem ipsum 400.lorem ipsum dolor, lorem ipsum dolor sit DemiBold(FOT-lorem ipsum dolor Pr5 D)lorem ipsum dolor sit amet.
font-feature-settings: "palt" lorem body lorem ipsum dolor sit amet consectetur, letter-spacing: 0.64px(0.04em)lorem ipsum.lorem ipsum dolor sitlorem ipsum, lorem ipsum dolor, lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur.
lorem ipsum dolorline-height: 34px(50px lorem ipsum dolor)lorem, 2–4 lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur.

Article
03 — lorem ipsum dolor 854px. lorem ipsum dolor sit amet
lorem ／ lorem ipsum ／ lorem

lorem

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

lorem(lorem)

lorem ipsum dolor sit amet consectetur“lorem”lorem ipsum, lorem ipsum dolor sit. lorem“lorem”loremlorem ipsum, lorem ipsum dolor sit amet consectetur.

lorem ipsum lorem
Buttons
04 — lorem ipsum dolor 5px, lorem ipsum dolor 2 lorem ipsum. lorem ipsum
lorem“lorem”lorem lorem ipsum

L — lorem #000000 / lorem #fff / radius 5px / padding 16px 36px / lorem 20px / letter-spacing 0.64px
S — lorem #000000 / lorem #fff / radius 5px / padding 12.8px 28.8px / lorem 16px / letter-spacing normal
lorem ipsum dolor sitlorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur.

Tags(lorem #666666 / lorem ipsum 5px)
loremlorem ipsumlorem ipsum

lorem ipsum dolor. lorem ipsum dolor sit amet“lorem ipsum”lorem ipsum dolor.

Text Link(lorem ipsum, lorem 1 lorem ipsum dolor)
lorem
Navigation
05 — lorem ipsum“lorem 1px lorem ＋ lorem ipsum”lorem. lorem ipsum dolor

lorem ipsum dolor sit amet(1px solid #ddd). lorem ipsum(lorem / English / lorem ipsum / lorem ipsum)lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.

News List
Cards
06 — lorem ipsum dolor sit amet, lorem ipsum dolor sit. lorem ipsum dolor
product photo

lorem

lorem ipsum dolor sit amet consectetur

product photo

lorem

lorem ipsum dolor“lorem”

product photo

lorem

lorem ipsum dolor sit amet consectetur

Forms
07 — lorem ipsum / lorem ipsum / lorem. radius 5px, lorem ipsum palt lorem ipsum
lorem ipsum dolor sit
lorem ipsum dolor #000000 lorem＋ #efefef lorem ipsum dolor
lorem ipsum dolor sit amet consectetur

lorem ipsum dolor #9b0e15 lorem ipsum dolor sit(lorem ipsum dolor).

Elevation & Layout
08 — lorem 4 lorem ipsum dolor sit. lorem 944px. 1280px lorem ipsum vw lorem ipsum dolor
Level 0 — none lorem ipsum dolor. lorem ipsum dolor sit amet consectetur(#fff → #efefef → #ededed)lorem ipsum dolor.
Level 1 — 0 4px 8px rgba(0,0,0,.08) lorem ipsum dolor sit amet.
Level 3 — 0 0 10px rgba(0,0,0,.2) lorem ipsum dolor / lorem ipsum. lorem ipsum dolor sit.
Container
944px — lorem ipsum dolor
854px — lorem / lorem
616px — 2 lorem ipsum
288px — 2 lorem ipsum
Spacing Scale
8
12
16
28
36
60
100

lorem ipsum dolor sit767/768px lorem1280px lorem 2 lorem. 1280px lorem ipsum px lorem vw lorem ipsum dolor(border-radius: 0.39063vw = 1280px lorem 5px), lorem ipsum dolor sit. lorem px lorem ipsum dolor sit amet.