01 / Colors

lorem ipsum dolor

Accent

Accent Orange

#e25b33

lorem ipsum dolor / lorem ipsum

Text

Text Primary

#333333

lorem ipsum dolor

Text Article

#352c25

lorem ipsum(lorem ipsum dolor)

Text Secondary

#545454

lorem ipsum / lorem

Surface & Background

Background

#ffffff

lorem ipsum

Surface Hero

#f4f3f2

lorem ipsum / lorem ipsum

Surface Feature

#f7f7f7

lorem ipsum dolor sit

Footer

#858585

lorem ipsum dolor

Input BG

#efefef

lorem ipsum dolor sit

Border

Input Border

#cccccc

lorem ipsum dolor sit

Border Light

#e0e0e0

lorem ipsum

02 / Typography --- computed style lorem

lorem ipsum dolor sit

Penco lorem ipsum dolor --- H1 Feature

28px / 500 / line-height: 1.5 / letter-spacing: 0.45px / palt: globallorem ipsum

lorem ipsum dolor --- H1 Section

24px / 400 / line-height: 1.0 / letter-spacing: 0.45px / palt: globallorem ipsum dolor

lorem ipsum dolor --- H2 Section

24px / 400 / line-height: 1.0 / letter-spacing: 0.45px / palt: globallorem ipsum dolor

lorem ipsum dolor sit amet consectetur adipiscing --- H3 News

16px / 700 / line-height: 1.4 / letter-spacing: 0.45px / palt: globallorem ipsum

lorem ipsum --- H3 Search

17.55px / 500 / line-height: 1.0 / letter-spacing: 0.45px / palt: globallorem ipsum

lorem ipsum --- H3 Category

14px / 700 / line-height: 1.0 / letter-spacing: 0.45px / palt: globallorem ipsum

15px / 700 / line-height: 1.2 / letter-spacing: 0.45px / palt: globallorem ipsum

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

16px / 400 / line-height: 2.0 / letter-spacing: 0.45px / palt: globallorem ipsum

lorem ipsum dolor --- Body Base (15px)

15px / 400 / line-height: 1.5 / letter-spacing: 0.45px / palt: global

PENCO lorem ipsum dolor lorem ipsum --- Body Product

13px / 400 / line-height: 1.5 / letter-spacing: 0.45px / palt: globallorem

¥330(lorem)--- Price

14px / 400 / line-height: 1.0 / letter-spacing: 0.45pxlorem ipsum

03b / Article --- lorem ipsum dolor

lorem ipsum dolor, lorem ipsum

lorem, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur. lorem, 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. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet.

04 / Buttons & Interactive

lorem ipsum dolor sit

Search Input (pill)

Select

Cart Badge

HIGHTIDE lorem ipsum CTA lorem ipsum dolor, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing / lorem ipsum / lorem ipsum dolor sit amet.

05 / Cards

lorem ipsum

📝

PENCO lorem PP lorem A5

¥275(lorem)

✎

HIGHTIDE lorem ipsum PRIME TIMBER

¥1,100(lorem)

📅

HIGHTIDE lorem lorem ipsum A5

¥3,300(lorem)

lorem ipsum dolor sit amet border / shadow lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur adipiscing.

06 / Forms