精選 · 開放 · 免費

Sneakinpeace

一個策劃奢華球鞋企劃與編輯內容的高端串流平台。

01

設計氣質 DNA

一個高階球鞋與時尚企劃的即時雜誌頻道。

02

色彩

採用柔和的中性色調，以溫暖的灰色和灰白色為主，讓全幅攝影與影片內容成為主導，並以功能性紅色作為強調。

03

字型

transitional-serif · neo-grotesque-sans

• display36px · 400
• body14px · 400
• caption12px · 500

04

間距

優先考慮浮動面板與導覽元素的 padding 彈性間距，而非嚴格的垂直網格。

05

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

使用細微的邊框與柔和的 box-shadow，將浮動元素與影片背景分隔。

0px 1px 6px -1px rgba(0, 0, 0, 0.08) · 0px 1px 1px -1px rgba(0, 0, 0, 0.08)

06

版面

全幅媒體畫布，搭配浮動覆蓋面板，用於內容與導覽。

07

動效與互動

內容淡入時的流暢透明度過渡效果。 · 互動式導覽連結上的細微懸停狀態。

導覽連結與按鈕上的細微透明度變化。 · 互動元素使用標準指標游標，可選取內容使用文字游標。

08

組件

• button 膠囊狀狀態徽章（例如：LIVE）與用於媒體控制的小型圖示按鈕。
• card 帶有柔和陰影與圓角的浮動面板，包含影片詳情或產品列表。
• chip 附著在產品列表上的小型圓角分類標籤（例如：女款、男款）。
• input 極簡的文字型導覽與搜尋輸入框，無厚重的視覺邊框。
• hero 全螢幕影片或攝影背景，覆蓋描述性文字。

09

文案語氣與禁用清單

• 語氣 精緻、策展、編輯驅動。
• 標題風格 採用粗體、優雅的襯線字體作為企劃標題，營造時尚雜誌的奢華感。
• 按鈕文案 微妙、功能性的文字型導覽與行動連結。

• 避免使用厚重的裝飾元素——截圖顯示的是極簡、功能性的介面覆蓋。
• 避免使用無襯線字體作為主要標題——截圖顯示的是優雅的過渡襯線字體用於特寫標題。
• 避免使用明亮、飽和的背景顏色——截圖顯示的是中性灰（#F0EEED）與白色。
• 避免使用強烈的陰影——截圖顯示的是非常細微、柔和的 box-shadow 以營造層次感。
• 避免在佈局中使用密集的文字——截圖顯示的是充足的留白與聚焦的內容區塊。
• 避免在主要元素上使用尖銳的方形角——截圖顯示的是持續使用的圓角邊框（4px 至 6px）。
• 避免: 與攝影內容衝突的鮮豔霓虹色彩。
• 避免: 分散視覺媒體注意力的厚重裝飾字體。
• 避免: 與全螢幕影片體驗競爭的密集擁擠佈局。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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