已收录 643 个网站的设计系统 · 4,453 个页面版块
把好网站的设计，
交给你的 AI。
每个风格都有实测的配色、字体、间距、圆角、组件，和一份能直接丢给 AI 的 DESIGN.md。在 Cursor、Claude Code、Codex、v0 里直接用。
Apple
apple.com简洁画布，产品鲜明，浏览从容
浅色消费电子
DJI
dji.com以电影感呈现精密产品
浅色消费电子
Insta360
insta360.com明亮影像，亮黄点睛
浅色消费电子
Anker
anker.com简洁电商，以产品影像呈现科技质感
浅色消费电子
EcoFlow
ecoflow.com以电影感对比呈现能源产品
浅色消费电子
Apple — iPhone Duo
apple.com以克制留白衬托产品
浅色消费电子
VITURE
viture.com于电影感暗色中呈现沉浸式XR
深色消费电子
Apple — Apple Watch
apple.com克制呈现，让产品成为焦点
浅色消费电子
Analogue aF-1 — Product Launch
af1.analogueshop.com以留白衬托光影与相机
浅色消费电子
Superlative — SB01
playsuperlative.com以克制工业美学呈现模拟音色
浅色消费电子
Analogue
analogue.co黑白静衬复古游戏硬件
深色消费电子
SIGMA
sigmaphoto.com以克制编辑感呈现精密光学
浅色消费电子
Tapbots — Ivory for Mastodon
tapbots.com暗色画布上的灵动产品故事
深色消费电子
Sleeve — Sleeve 3
replay.software以清爽留白衬托鲜活音乐控件
浅色消费电子
Dot Inc. — Dot Pad X
dotincorp.com清晰呈现触觉科技与无障碍体验
浅色消费电子
Electronic Materials Office — Altar II
electronicmaterialsoffice.com以黑、钢与信号红讲述产品故事
深色消费电子
UGREEN Official Site
ugreen.com以简洁视觉讲述日常科技
浅色消费电子
Roborock
us.roborock.com以克制设计，呈现洁净生活
浅色消费电子
Hohem
hohem.com以电影感呈现精准稳定影像
浅色消费电子
TCL
us.tcl.com简洁零售版式，搭配沉浸式产品影像
浅色消费电子
Hisense
hisense-usa.com黑白主调，青绿点睛
浅色消费电子
xTool
xtool.com精密工具，激发创作想象
浅色消费电子
Aiper
aiper.com以明亮留白呈现智能泳池科技
浅色消费电子
Snapmaker
snapmaker.com简洁呈现产品，传递创作能量
浅色消费电子