基础

主题

六个旋钮，这一页上的每一种面貌都只是它们的一组取值。下面没有任何一种改动过组件——各自只是某个元素上的几个属性。在左边选一个，整个站点就跟着走。

归白

当前

系统出厂的样子。纸白底、细描边、衬线标题，强调色就是墨色。

Studio

Little joys, everywhere you go

The smallest details are the ones that matter most. Turn an ordinary day into something worth remembering.

Minimalist WatchNew

Clean design meets everyday durability.

$248

Wireless HeadphonesPopular

Immersive sound, all-day comfort.

$189

Canvas BackpackLimited

Water-resistant canvas, quiet profile.

$96

Checkout

Shipping method

Economy — 5–7 business days · $12Standard — 3–5 business days · $16Express — 1–2 business days · $24

Delivery time varies with location.

Card number

Expiry

Country

Save this card for one-click checkout

Nothing is charged here

This is a specimen. Every control on it is the package’s own, drawn by whichever theme is on.

Inventory

Stock on hand
Item	Available	Location	State
Minimalist WatchStainless steel, sapphire crystal	42	Aisle 3	In stock
Wireless HeadphonesANC, 30hr battery	128	Aisle 1	In stock
Leather WalletFull-grain, RFID blocking	15	Aisle 4	WarningRunning low
Linen ThrowHeavyweight, oat	24	Aisle 6	WarningRunning low

Revenue: $26k; up 12% on August
Orders: 318; 11 awaiting pick
Returns: 2.4%; down from 3.1%

Revenue by channel
month	Online	Retail
Apr	12,400	5,200
May	14,100	5,600
Jun	13,200	6,400
Jul	16,800	6,100
Aug	15,900	7,300
Sep	18,200	7,800

Activity

Order #1043Placed · 1:59 pm+$248
Order #1041Refunded · 12:40 pm−$89
Order #1040Placed · 10:30 am+$156
Order #1038Placed · 9:11 am+$412

图表色板

第七项轴：它改的是图表里那些序列用什么颜色画，页面的其余部分一概不动。三个取值回答的是两个不同的问题——一条中性色阶、一套验证过的八色分类色板，以及一条从 --clay 派生的色阶，给那些图表必须穿上自家强调色的使用者。控制台、流光、账册带的是彩色，因为它们的读者在比较分类；另外五个保持中性，而画室自己说了原因——颜色由作品来给。

单色data-chart-palette="mono"

彩色data-chart-palette="chroma"

强调色data-chart-palette="accent"