精選 · 開放 · 免費

Savoirfaire Nyc

一個以超大襯線字體與充裕負空間為主導的簡潔黑白編輯風格網站。

01

設計氣質 DNA

高端時尚雜誌或藝廊網站。

02

色彩

嚴格的單色對比，以創造最大的編輯衝擊力。

03

字型

didone-serif · humanist-sans

• display360px · 100
• body19px · 400
• caption9px · 400

04

間距

充裕的垂直間距用以強調大型字體。

05

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

無可見邊框；依賴高對比度。

06

版面

全螢幕黑色背景，搭配錨定於底部的巨大字體與頂部跑馬燈。

07

動效與互動

頂部的水平文字跑馬燈

互動元素上顯示指標游標。 · 標準點擊互動。

08

組件

• button 極簡的圓形按鈕，帶有叉號圖示。
• card 無可見元素。
• chip 無可見元素。
• input 無可見元素。
• hero 巨大的字體主視覺，品牌名稱採用超細的 Didone 襯線字體。

09

文案語氣與禁用清單

• 語氣 自信、極簡且具高級感。
• 標題風格 全大寫、超大號、細體襯線字體。
• 按鈕文案 極簡的圓形圖示按鈕。

• 勿使用多種顏色——截圖顯示為嚴格的黑白單色調色盤。
• 勿為展示文字使用粗字重——截圖顯示為超細（字重 100）的襯線字體。
• 勿以過多元素塞滿佈局——截圖顯示為以巨大負空間為特徵的極致簡約。
• 勿為主要元素使用圓角——截圖顯示為銳利的字體與圓形圖示按鈕。
• 勿使用陰影或漸層——截圖顯示為平面的高對比度元素。
• 勿使用裝飾性或活潑的字體——截圖顯示為精緻的 Didone 襯線字體與簡潔的 humanist-sans 字體。
• 避免: 使用多種顏色
• 避免: 為文字添加陰影效果
• 避免: 使用裝飾性或活潑的字體
• 避免: 以過多元素塞滿佈局
• 避免: 使用厚重的背景材質
• 避免: 過度使用邊框或線條

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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