精選 · 開放 · 免費

Norm Store

融合工業極簡與高科技功能的優質智慧書桌。

ProductPremiumCleanProductivityRefined
Norm Store 網站截圖
↓ 下載設計系統包 (34 MB)在 OpenDesign 中開啟

原站: https://norm.store

📦 瀏覽包內檔案 →

01

設計氣質 DNA

極簡主義工業風功能性智慧化單色調

偽裝成家具的建築硬體

02

色彩

#282828Ink
#ffffffBG
rgba(40,40,40,0.1)Line

嚴格的單色調色板，依賴純黑、白與近黑文字來強調產品形態。

03

字型

geometric-sans · humanist-sans

字體排印大量依賴寬裕的負空間，而非字重對比 · 標題使用緊湊的 1.0 行高，營造密集的建築感 · 字距略微緊縮，以保持緊湊、優質的外觀

04

間距

4px
8px
16px
24px
32px
48px
64px
96px

寬裕且不對稱的間距，優先為產品攝影留出呼吸空間

05

表面 (圓角 / 陰影 / 邊線)

sm · 0px
md · 12px
lg · 0px
pill · 999px

1px solid rgba(40,40,40,1)，用於互動元素如「立即購買」按鈕與 Cookie 同意聲明

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

垂直、居中的單欄佈局，大量運用留白來襯托產品

07

動效與互動

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

互動元素上細膩的透明度與背景顏色過渡 · 狀態變化的可見性切換

按鈕上細膩的背景顏色變化 · 透過標準指標事件提供即時視覺回饋

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

Norm Store — 桌面首屏（hero）
桌面首屏（hero）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 移动首屏
移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

此設計 DNA 描述了一個智慧書桌的優質極簡產品網站。它採用嚴格的單色調色板，包含純白（#ffffff）、近黑文字（#282828）與用於邊框的次要深黑色。字體排印僅使用無襯線體，依賴幾何與人文無襯線類別，字距緊湊 -0.4px，並使用巨大的 48px+ 展示比例來營造自信的建築感。關鍵禁忌：絕不使用粗體字重（全部為標準 400），絕不引入彩色強調或漸層，絕不使用陰影或厚重的 UI 裝飾來分散產品攝影的注意力。佈局是寬鬆、居中的單欄結構，優先考慮留白與大型產品去背圖，而非傳統基於網格的卡片 UI。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko