Philosophy

ANTIBACTERIAL AIR PURIFIER

lorem ipsum dolor sit

cado(cado.com)lorem ipsum dolor sit amet consectetur adipiscing. Cormorant lorem + Helvetica + lorem ipsum + Roboto Condensed lorem 4 lorem ipsum dolor, letter-spacing 0.1em lorem ipsum dolor sit, outline CTA(radius 2px), lorem #333 lorem ipsum dolor sit amet. computed style lorem ipsum dolor.

lorem ipsum lorem ipsum dolor

01 / COLORS

Color Palette

lorem ipsum dolor

SURFACE

Dark

#333333

lorem ipsum dolor / lorem ipsum

Surface Light

#f5f5f5

lorem ipsum dolor(lorem)

White

#ffffff

lorem ipsum

Overlay

rgba(247,247,247,.5)

lorem ipsum dolor sit

TEXT

Text Primary

#3a3a3a

lorem ipsum dolor

Text Secondary

#636262

lorem ipsum dolor

Text Tertiary

#333232

lorem ipsum

Text Disabled

#afafaf

lorem / lorem ipsum

Text Muted

#9f9f9f

lorem ipsum dolor

BORDER

Border Default

#cccccc

lorem ipsum dolor

Border Light

#dddddd

lorem ipsum / lorem

02 / TYPOGRAPHY

Typography

lorem ipsum dolor sit — 4 lorem ipsum dolor

Philosophy

Cormorant / 42px / 400 / line-height: 1.0 / letter-spacing: 0.1emDisplay

What's New

Cormorant / 32px / 400 / line-height: 1.2 / letter-spacing: normalSection Title

AIR PURIFIER lorem ipsum

Helvetica + Yu Gothic / 26px / 400 / line-height: 1.2 / letter-spacing: 1pxCategory

ANTIBACTERIAL AIR PURIFIER

Helvetica / 20px / 700 / line-height: 1.2 / letter-spacing: 0.1emProduct Catch

DEODORIZER

Roboto Condensed / 17px / 400 / line-height: 1.2 / letter-spacing: 0.48pxFooter Category

lorem ipsum / lorem ipsum / lorem / lorem

Yu Gothic (Noto Sans JP) / 15px / 400 / line-height: 1.0 / letter-spacing: 0.082emNav JP

LEAF 620 lorem ipsum

Yu Gothic (Noto Sans JP) / 14px / 400 / line-height: 1.0 / letter-spacing: 0.082emProduct Name

Body — cado(lorem)lorem“lorem ipsum dolor sit”lorem ipsum dolor, lorem ipsum, lorem ipsum, lorem, lorem ipsum dolor sit amet consectetur adipiscing elit sed. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing.

Helvetica / 15px / 400 / line-height: 1.5 (22.5px) / letter-spacing: normalBody

cado lorem ipsum

Helvetica / 13px / 400 / line-height: 1.2 / letter-spacing: 0.1emSection Label JP

lorem ipsum –82m² (50 lorem) / PM2.5 lorem / 360°lorem

Yu Gothic (Noto Sans JP) / 11px / 400 / line-height: 1.0 / letter-spacing: 0.082emProduct Spec

03 / PRODUCT

Feature

lorem ipsum dolor sit amet

Leaf 620

ANTIBACTERIAL AIR PURIFIER

lorem / lorem lorem ipsum

360 lorem ipsum dolor sit amet, lorem ipsum dolor sit PM2.5 lorem ipsum dolor. lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing elit sed.

Technology

cado lorem ipsum dolor

cado lorem PHOTOCLEA lorem, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur.

lorem ipsum

04 / BUTTONS

Buttons

lorem ipsum dolor sit

lorem ipsum dolor

Outline / border 1px / radius 2px / 700

lorem ipsum dolor

Text Link / underline / 400

NEW

Badge / pill 30px / #afafaf

ON DARK BACKGROUND

lorem ipsum

Outline / white border / radius 2px

lorem ipsum dolor

Text Link / white / underline

05 / CARDS

Products

lorem ipsum

Leaf 620

NEW

AIR PURIFIERlorem ipsum

LEAF 620 lorem ipsum

360 lorem / PM2.5 lorem / –82m²

SAP 001

DEODORIZERlorem ipsum

SAP 001 lorem ipsum

lorem ipsum / lorem ipsum / lorem ipsum dolor

STEM 630i

HUMIDIFIERlorem

STEM 630i lorem

lorem ipsum / Wi-Fi lorem / –42m²

Stream Fan

FANlorem

STREAM 1800 lorem ipsum dolor sit

DC lorem ipsum / lorem ipsum / lorem ipsum