Design System Preview: Wacom（ワコム）

1 — Colors

White (Background)

#ffffff

Surface Gray

#f3f6f7

Wacom Cyan

#0097d4

Wacom Blue

#0013c8

CTA Blue

#00a3e0

Store Green

#96be0f

Accept Green

#84bd00

Support Blue

#1f73b7

Black (Text)

#000000

Nav Text

#383c42

Sub Gray

#808285

Default Button

#adafb4

Promo Colors

Promo Pink

#ffe3e5

Promo Yellow

#ffdb00

Promo Green

#b5dfad

2 — Typography

H1 — Roboto 45px / Weight 300 / Line Height 1.3

ワコムのペンタブレット

H2 — Roboto 35px / Weight 300 / Line Height 1.2

飛び込め、未来の創造力へ

H2 (Blue) — Roboto 35px / Weight 300 / Line Height 1.2 / #0013c8

Draw BEYOND.

H3 — Roboto 26px / Weight 300 / Line Height 1.3

はじめてが、ずっと続く楽しさに。

H4 Product — Roboto 20px / Weight 300 / Line Height 1.3

Wacom Intuos Pro (2025)

Body — 18px / Weight 400 / Line Height 1.7

ワコムは、ペンタブレットと液晶ペンタブレットで世界中のクリエイターの創作活動を支えています。アナログの感覚とデジタルの可能性を融合し、イラスト、デザイン、写真編集、アニメーション、3Dモデリングなど、あらゆる創造の現場で活躍します。

Body (Product) — 16px / Weight 400 / Line Height 1.7

紙に描くような心地よい感覚で、鮮やかに創作できる液晶ペンタブレット。ワコムプロフェッショナルモデルでも採用しているWacom Pro Pen 3に対応。

Nav Item — 15px / Weight 400 / Line Height 1.33 / Letter Spacing 0.08em

Discover Products Solutions Support

Footer — 11.2px / Weight 400 / Line Height 1.43

Copyright — 13.5px / Weight 400 / Line Height 1.7

3 — Product Article

ワコムのペンタブレットの多彩なラインアップ

ワコムのペンタブレットには、制作の用途に応じて選べるモデルが揃っています。初めてイラスト・マンガ、写真加工の世界に飛び込みたい方から、プロフェッショナルのクリエイターまで。

必要なのは、描きたい気持ちだけ

Wacom Cintiq Pro 27

操作感が向上したWacom Pro Pen 3に対応したプロフェッショナルペンタブレット。コンパクトで薄型デザイン、ワイヤレス接続にも対応。詳細はこちら　ストア

Promo Sections

4 — Buttons

詳細はこちら → ストア →

Product Tabs

5 — Cards

Wacom Cintiq Pro 27

プロフェッショナル向け液晶ペンタブレット。4K高精細ディスプレイ。

詳細ストア

Wacom Intuos Pro

Wacom Intuos Pro (2025)

コンパクトで薄型デザイン、ワイヤレス接続にも対応したプロモデル。

詳細ストア

One by Wacom

シンプルで使いやすいエントリーモデル。オンライン授業にも対応。

詳細ストア

6 — Forms

Default

Focus

Error

このフィールドは必須です

7 — Elevation

Level 0 — Flat

Level 1 — Tab Shadow

Surface Gray

8 — Layout

Hero Carousel

Product Card 1

Product Card 2

Product Card 3

Alternate Section — #f3f6f7