lorem ipsum,
lorem ipsum dolor sit amet.
loremCOLORS
Brand
Brand Red
#df1b26
lorem ipsum / NEW lorem / lorem ipsum dolor. lorem ipsum dolor, lorem ipsum dolor
Ink
#282828
lorem ipsum dolor. lorem ipsum dolor. lorem ipsum dolor CTA lorem ipsum dolor
Neutral
Background
#ffffff
lorem ipsum
Gray
#999999
lorem ipsum dolor sit amet / lorem ipsum dolor
Surface
#f5f5f5
lorem ipsum / lorem ipsum dolor / lorem ipsum 2px lorem
Beige
#eae5df
lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur
Border Light
#f1f2f3
lorem ipsum dolor sit
Border
#dbdbdb
lorem ipsum dolor sit amet consectetur
Component Tokens — 11 lorem × 2 lorem(lorem ipsum dolor sit amet consectetur)
yellow
#FFD72E / #FFBA00
orange
#F4A556 / #F77A1E
red
#E5838F / #C30018
pink
#E38DCC / #D60F82
purple
#9389ED / #785ED1
blue
#80A7FF / #415EFD
bluegreen
#52C196 / #088D6F
green
#8ED878 / #68C100
brown
#C1986F / #966200
khaki
#D5C441 / #B7A200
gray
#919FB2 / #6F7680

lorem--component-background-*(lorem ipsum), lorem--component-primary-*(lorem ipsum dolor / lorem).lorem ipsum dolor 1 lorem ipsum dolorlorem ipsum dolor sit.

loremTYPOGRAPHY
lorem ipsumWHAT'S NEW
lorem Noto Sans JP 28px / 700 / lh 1.0 / ls 0.05em ＋ lorem Open Sans 16px / 400 /lorem #df1b26lorem ipsum dolor — lorem ipsum dolor 2 lorem
lorem ipsum lorem ipsum
COMPANY INFO
lorem 24px / 700 / lh 1.7 / ls 0.05em ＋ lorem Open Sans 16px / 500lorem ipsum — lorem ipsum dolor sit amet
lorem ipsum / lorem ipsum dolor
22px / 700 / lh 1.82 (40px) / ls 0.05em (1.1px)lorem ipsum — lorem 3px lorem
“lorem ipsum”lorem, lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur.
Noto Serif JP 24px / 400 / lh 1.3 (31.2px) / ls normallorem ipsum dolor — UI lorem ipsum, lorem ipsum dolor
lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit.
lorem ipsum dolor sit amet consectetur, lorem ipsum dolor“lorem / lorem”lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.
15px / 500 / lh 2.53 (38px) / ls normallorem ipsum — lorem ipsum dolor. lorem ipsum dolor sit amet
lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur. lorem 14px / weight 500 / line-height 1.71 / letter-spacing 0.05em. 1 lorem ipsum dolor line-height 1, lorem ipsum dolor 1.7 lorem, lorem ipsum dolor sit amet.
14px / 500 / lh 1.71 (24px) / ls 0.05em (0.7px)lorem
COPYRIGHT MITSUBISHI PENCIL COMPANY, LIMITED All Rights Reserved.
Open Sans 12px / 400 / lh 1.0 / ls 0.05em (0.6px)lorem ipsum dolor sit — lorem Open Sans
lorem
10px / 500 / lh 1.0 / ls 0.05em (0.5px)lorem ipsum dolor sit — lorem ipsum
lorem ipsumWHAT'S NEW
2026.06.30 lorem ipsum dolor
“lorem ipsum”lorem ipsum dolor sit 5 lorem ipsum dolor sit amet
“lorem ipsum dolor”lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod.
2026.06.25 lorem
“uniball ZENTO(lorem ipsum lorem)lorem ipsum dolor sit 3 lorem ipsum dolor”lorem
“lorem”lorem ipsum dolor. lorem ipsum dolor sit“uniball ZENTO”lorem ipsum dolor sit amet, 3 lorem ipsum dolor sit.
2026.06.17 lorem NEW
“&knot”lorem
“Write it, wear it”lorem ipsum, lorem ipsum, lorem ipsum dolor. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur.
lorem ipsum　→

lorem CTA loremlorem ipsum dolor。1px solid #282828 lorem ipsum dolor sit(radius 0). lorem CTA lorem ipsum dolor sit amet consectetur.

10loremloremloremloremloremlorem
lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit.
lorem ipsum dolor sit amet consectetur, lorem ipsum dolor“lorem / lorem”lorem ipsum dolor,
lorem ipsum dolor sit amet consectetur.
Interview
“lorem ipsum”lorem, lorem ipsum dolor sit amet consectetur.
lorem lorem ipsum(lorem ipsum dolor sit amet)
Interview
lorem ipsum dolor sit, lorem ipsum dolor sit amet.
— lorem(lorem ipsum dolor)
Interview
lorem ipsum, lorem ipsum dolor sit.
— lorem(lorem)

lorem ipsum dolor sit amet--component-primary-* lorem 11 lorem1 lorem ipsum dolorlorem ipsum. lorem ipsum dolor sit amet.

lorem ipsum dolorBUTTONS & BADGES
lorem ipsum　→
Primary — lorem ipsum / 1px solid #282828 / radius 0
lorem ipsum dolor sit amet consectetur　→
Primary lorem — padding 16px 35px 16px 16px
lorem ipsum dolor sit amet consectetur　↗
Secondary — 1px solid #dbdbdb
lorem ipsum dolor sit
Brand Chip — 1px solid #f1f2f3
lorem lorem ipsum dolor NEW Interview lorem ipsum ← lorem(#282828)lorem(#df1b26)lorem ipsum dolor sit amet
lorem ipsum dolor sit amet
lorem ipsum
lorem ipsum / lorem ipsum dolor
lorem ipsum
lorem / lorem
lorem ipsum dolor sit lorem ipsum lorem uni lorem ipsum lorem
lorem ipsum dolor　→
lorem ipsumFORMS
lorem ipsum —2px solid #f5f5f5 / radius 0(lorem ipsum dolor sit amet)
lorem ipsum — border #282828(2px lorem ipsum dolor sit)
lorem — border #c30018(--component-primary-red. lorem ipsum dolor sit amet consectetur adipiscing)
Textarea lorem radius 0
loremELEVATION
Level 0
none
lorem / lorem / lorem ipsum dolor
Level 1
0 4px 16px rgba(40,40,40,.1)
lorem ipsum dolor
Scrim
rgba(40,40,40,.25)〜.3
lorem ipsum dolor sit amet

lorem ipsumlorem #ffffff × lorem ipsum #f5f5f5 × lorem ipsum #eae5df lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur.

lorem ipsumLAYOUT
XS 4
S 9
M 16
L 22
XL 45
XXL 80
Main Container 1168px（--conteint-width）
lorem ipsum dolor3 lorem / gutter 24px

lorem ipsum dolor4px 4px 5px 10px 40px 10px 15px lorem ipsumlorem ipsum dolorlorem ipsum. lorem ipsum dolor sit amet consectetur 1px lorem ipsum dolor.

Generated from mpuni.co.jp DESIGN.md — awesome-design-md-jp / computed style lorem(2026-08-16)
lorem ipsum dolor"Noto Sans JP"(lorem / UI)／"Open Sans"(lorem ipsum)／"Noto Serif JP"(lorem ipsum dolor)lorem 3 lorem,lorem Google Fonts lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur.
border-radius lorem ipsum dolor sit(50%)lorem ipsum dolor 0. lorem ipsum dolor 1 lorem.