精選 · 開放 · 免費

Nornorm

一個簡潔、高階的編輯網站，服務於循環辦公家具訂閱服務。

01

設計氣質 DNA

結合北歐極簡主義與專業 B2B 平台的高階家具訂閱服務。

02

色彩

純淨白色背景，搭配深炭灰色墨水色調，以及單一、具權威性的藍色強調色用於主要操作。

03

字型

geometric-sans · monospace

• display64px · 400
• displaySm48px · 400
• body16px · 400

大型展示標題使用緊湊的字間距 · 嚴格遵守字重層級，主要文字使用 400 字重

04

間距

基於 4px 基礎單位，搭配大量留白以維持高階、通透的佈局。

05

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

極簡化，僅在必要分隔時使用細微的 1px 邊框。

rgba(0, 0, 0, 0.15) 0px 0px 15px 0px · rgba(0, 0, 0, 0.3) 0px 32px 68px 0px

06

版面

全寬攝影主視覺區段，後接居中、受限的內容區塊。

07

動效與互動

互動狀態下平滑的不透明度和背景色過渡 · 懸停效果的變形處理

細微的背景色或色彩變化，持續時間在 0.2 秒至 0.3 秒之間。 · 透過背景色過渡提供即時視覺回饋。

08

組件

• button 主要操作使用實心藍色圓角矩形，次要操作使用透明帶邊框樣式。
• card 簡潔的容器，搭配最少的邊框，依靠留白來定義輪廓。
• chip 不明顯突出；使用標準文字連結作為次要導航。
• input 簡潔、極簡的輸入框，搭配細微的底部邊框。
• hero 全出血攝影背景，覆蓋大型、字間距緊湊的排版。

09

文案語氣與禁用清單

• 語氣 專業、具權威性且極簡。
• 標題風格 大膽、引人深思的聲明，使用緊湊字間距和大型比例。
• 按鈕文案 直接且以行動為導向（例如：「預約會議」）。

• 避免使用複雜、多色的色盤——截圖顯示的是克制的白、黑、藍配色方案。
• 避免使用裝飾性或襯線字體作為標題——截圖顯示的是簡潔的幾何無襯線字體。
• 避免對所有元素套用厚重的陰影——截圖顯示陰影僅用於特定覆蓋層（如 Cookie 橫幅）。
• 避免對主要按鈕使用過大的圓角——截圖顯示按鈕使用 8px 圓角。
• 避免在導航欄中堆砌太多連結——截圖顯示的是簡潔的水平頂端導航。
• 避免使用激進、炫目的動畫——截圖顯示的是細膩、專業的過渡效果。
• 避免: 雜亂的佈局
• 避免: 喧鬧的色盤
• 避免: 裝飾性字體

11

System Prompt

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