lorem ipsum dolor lorem

2001 lorem“Hacoa”lorem ipsum dolor

lorem ipsum dolor sit amet consectetur adipiscing
lorem ipsum dolor sit amet consectetur
lorem ipsum dolor sit amet consectetur adipiscing elit

01 / Colors

lorem ipsum dolor sit amet 1 lorem

Hacoa Amber
#dd9933
lorem(lorem 30 lorem) / H3. CSS lorem 0 lorem ipsum dolor sit
Bark Brown
#352f26
lorem ipsum dolor sit amet consectetur. CSS 13 lorem
Warm Gray
#a39b8d
lorem ipsum dolor sit amet consectetur. CSS 10 lorem
Dark
#333333
“lorem ipsum dolor” / lorem ipsum dolor sit. CSS 24 lorem
Ink
#000000
lorem. lorem ipsum dolor sit amet consectetur
Ink 2
#2d2d2d
h4 / h5. CSS 7 lorem
Surface
#fafafa
lorem ipsum. CSS 20 lorem
Line
#dddddd
lorem ipsum dolor. CSS 181 lorem
Scrim
rgba(0,0,0,.3) / .5
lorem ipsum dolor sit amet
⚠️ lorem ipsum dolor sit#c49a51(61 lorem)lorem ipsum dolor sit.
lorem Popup Maker lorem ipsum dolor sit amet consectetur, lorem 0×0px lorem ipsum dolor. CSS lorem ipsum dolorc49a51 lorem 0 lorem. lorembox-shadow lorem 2 lorem(61 lorem)lorem,#408bd1(Instagram lorem ipsum“lorem ipsum”)lorem ipsum dolor.
02 / Typography — lorem

lorem ipsum dolor sit amet 2 lorem. lorem line-height 2.4

Hero H2 / lorem
36px / 600 / lh 1.4
--tcd-font-type2
lorem ipsum dolor, lorem ipsum dolor
Section H1
40px / 400 / lh 1.4
lorem ipsum“lorem”lorem
Section H2
34px / 400 / lh 1.5
Hacoa lorem
Sub H2
22px / 600 / lh 1.5 / #333
lorem ipsum dolor sit
Footer H2
18px / 450 / lh 1.0
Hacoa lorem ipsum
H3(lorem ipsum)
16px / 600 / lh 1.3 / #dd9933
hacoa.japan
H4 / H5
16px / 700 / #2d2d2d
lorem ipsum dolor sit
Body
15px / 400 / lh 2.4
1 lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor. lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod.
Global Nav
14px / 400 / ls 0.03em
Product Episode
Caption
13px / 400 / lh 1.5
※ lorem ipsum dolor / lorem ipsum dolor sit amet
Copyright
10px / 400 / lh 1.6
© Yamaguchi Kogei Co., Ltd. All Rights Reserved.

letter-spacing lorem ipsum CSS lorem4 lorem. lorem ipsum dolor sit amet consectetur0.03em lorem, lorem ipsum dolornormal。 font-feature-settings lorem ipsum0 lorem（＝ palt lorem ipsum). lorem2(58 lorem) /1.5(53 lorem) /2.4(41 lorem) /1.4(38 lorem)lorem ipsum.

03 / Article — lorem ipsum dolor

News: lorem ipsum dolor 2 lorem

2026/08/24
【lorem】lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur“LAPTOP STAND SLIM”lorem ipsum dolor sit amet
2026/06/22
【lorem】lorem ipsum dolor, lorem ipsum dolor. lorem ipsum dolor sit amet consectetur adipiscing“Monitor Stand”lorem ipsum dolor sit amet
2026/05/29
【lorem】lorem ipsum dolor, lorem ipsum dolor. lorem ipsum dolor sit amet consectetur“Box Opener”lorem ipsum dolor sit amet

lorem ipsum dolor sit amet consectetur

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

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

lorem ipsum

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

lorem ipsum dolor
Haco - air
lorem
04 / Buttons

CTA lorem pill, UI lorem ipsum dolor

Hacoa lorem Brand Episode

① lorem ipsum dolor(lorem ipsum / lorem):transparent / #fff / 1px solid #fff / radius 60px / 16px 600 / padding 0 20px

lorem ipsum lorem ipsum dolor sit lorem ipsum dolor

② lorem ipsum dolor2px solid #000 / radius 9999px / 16px 700　③ lorem ipsum dolor#000 / radius 9999px / padding 12.672px 23.328px　④ lorem ipsum#fff lorem + 2px solid #000 / radius 30px

lorem ipsum dolor lorem ipsum lorem ipsum

⑤ lorem ipsum dolor#333 / radius 4px / 13px 400　⑥ lorem ipsum dolor#a39b8d / radius 0 / padding 14px 20px 12px　⑦ lorem ipsum dolor sit#352f26 / radius 0 / 15px 700

05 / Cards

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

Wooden Keyboard
lorem ipsum dolor sit amet consectetur adipiscing elit sed.
Card Case
lorem ipsum dolor sit amet, lorem 0.1mm lorem ipsum dolor sit.
Wall Clock
lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur.

lorem ipsumborder-radius: 0 / box-shadow: none / lorem. lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur.

06 / Forms

Default / Focus / Error

Default: 1px solid #c1c1c1 / radius 0
Focus: lorem ipsum dolor sit amet consectetur. lorem ipsumoutline: 2px solid #dd9933 lorem
lorem ipsum dolor sit amet consectetur

lorem ipsuminput[type=text] lorem UA lorem ipsum(2px inset)lorem, lorem ipsum dolor sittextarea lorem1px solid #c1c1c1 lorem. lorem ipsum dolor sit amet consectetur.

07 / Elevation

lorem ipsum dolor sit. lorem ipsum“lorem ＋ lorem ipsum”lorem

none(lorem)lorem / lorem ipsum dolor
lorem ipsum0 0 10px 0 rgba(0,0,0,.15)
lorem ipsum dolor0 6px 6px -6px #cccccc
lorem ipsum dolor1px 1px 3px 0 rgba(2,2,2,.23)

lorem ipsum 2 lorem ipsumrgba(2, 2, 2, …) lorem ipsum dolor sit amet.lorem ipsum dolor sit(61 lorem)lorem ipsum dolor sit amet consecteturlorem ipsum dolor sit.

08 / Layout

850px lorem ipsum, lorem ipsum dolor sit amet

lorem ipsum dolor 850px(1440px lorem ipsum dolor sit 21 lorem)
720px（50%）
720px（50%）
loremloremlorem
lorem ipsum dolor850pxlorem / lorem ipsum dolor
2 lorem ipsum720pxlorem ipsum dolor 50%. lorem ipsum dolor
lorem ipsum dolor100%lorem ipsum dolor
lorem ipsum460px—
lorem ipsum dolor70pxlorem line-height: 70px

Radius Scale

loremCSS loremlorem
4px32 loremlorem ipsum dolor / lorem
5px / 3px22 / 22 loremlorem ipsum dolor / lorem
40px20 loremlorem ipsum dolor
100% / 50%12 / 10 loremlorem ipsum / lorem ipsum
9999px / 30px5 / 4 loremCTA lorem

pill(9999px / 60px / 40px / 30px)lorem ipsum(3–5px)lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur.