Philosophy

ANTIBACTERIAL AIR PURIFIER

空気をデザインする

cado（cado.com）から抽出したデザイントークンのカタログ。Cormorant セリフ + Helvetica + 游ゴシック + Roboto Condensed の4フォントシステム、letter-spacing 0.1em の英文ディスプレイ、outline CTA（radius 2px）、ダーク #333 とホワイトの二極パレット。computed style 実測値に基づく。

詳しく見る買い物を続ける

01 / COLORS

Color Palette

カラーパレット

SURFACE

Dark

#333333

ダークセクション・ヒーロー

Surface Light

#f5f5f5

セクション背景（最頻出）

White

#ffffff

標準背景

Overlay

rgba(247,247,247,.5)

半透明オーバーレイ

TEXT

Text Primary

#3a3a3a

本文テキスト

Text Secondary

#636262

補足テキスト

Text Tertiary

#333232

濃い見出し

Text Disabled

#afafaf

無効・バッジ背景

Text Muted

#9f9f9f

フッター補助

BORDER

Border Default

#cccccc

検索フォーム枠

Border Light

#dddddd

ナビ検索・区切り

02 / TYPOGRAPHY

Typography

タイポグラフィ階層 — 4フォントシステム

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 空気清浄機

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

空気清浄機・除菌脱臭機・加湿器・扇風機

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

LEAF 620 空気清浄機

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

Body — cado（カドー）は「空気をデザインする」をコンセプトに、空気清浄機、除菌脱臭機、加湿器、扇風機などの家電製品を展開する日本のデザインブランドです。美しさと高性能を両立した製品が特徴で、国内外のデザイン賞を多数受賞しています。

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

cadoの最新情報

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

適用床面積〜82m² (50畳) / PM2.5対応 / 360°吸引

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

03 / PRODUCT

Feature

プロダクトページサンプル

Leaf 620

ANTIBACTERIAL AIR PURIFIER

除菌・消臭空気清浄機

360 度全方位から空気を吸引し、高性能フィルターで PM2.5 やウイルスを除去。独自の光触媒技術により、フィルターに吸着した有害物質を水と二酸化炭素に分解します。

Technology

cadoのテクノロジー

cado 独自の PHOTOCLEA 技術は、可視光で反応する光触媒をフィルターにコーティング。フィルター上に捕集した菌やウイルスを分解し、フィルターの自己再生を実現します。

詳しく見る

04 / BUTTONS

Buttons

ボタンバリエーション

カートを見る

Outline / border 1px / radius 2px / 700

買い物を続ける

Text Link / underline / 400

NEW

Badge / pill 30px / #afafaf

ON DARK BACKGROUND

詳しく見る

Outline / white border / radius 2px

買い物を続ける

Text Link / white / underline

05 / CARDS

Products

製品カード

Leaf 620

NEW

AIR PURIFIER空気清浄機

LEAF 620 空気清浄機

360度吸引 / PM2.5対応 / 〜82m²

SAP 001

DEODORIZER除菌脱臭機

SAP 001 除菌脱臭機

オゾン方式 / ペット対応 / コンパクト設計

STEM 630i

HUMIDIFIER加湿器

STEM 630i 加湿器

超音波式 / Wi-Fi対応 / 〜42m²

Stream Fan

FAN扇風機

STREAM 1800 除菌サーキュレーター

DCモーター / 静音設計 / リモコン付

06 / FORMS

Forms

フォーム要素

STANDARD (radius 2px)

お名前

メールアドレス

電話番号（エラー状態）

正しい電話番号を入力してください

PILL SEARCH (radius 50px)

検索

07 / ELEVATION

Depth & Elevation

奥行き — シャドウなし、色面の切り替えで構成

Level 0 — White

標準背景。影なし

Level 1 — Surface Light

セクション区分。#f5f5f5

Level 2 — Border

フォーム境界。1px solid #ccc

Level 3 — Dark

ダークセクション。#333333