精選 · 開放 · 免費

Seint Store

基於標準部落格模板建構的實用、文字密集型目錄網站。

01

設計氣質 DNA

用於目錄列表的基礎 WordPress 部落格模板。

02

色彩

標準高對比網路色盤，搭配單一功能性藍色強調色。

03

字型

system-ui

• display35px · 700
• body17px · 400

基礎字型使用系統介面字型。 · 粗體字重被廣泛用於關鍵字強調。

04

間距

標準垂直節奏，主要由瀏覽器預設值與基礎 padding 數值驅動。

05

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

1px solid #f0f0f0

06

版面

標準雙欄部落格佈局，桌面版包含主要內容區域與側邊欄。

07

動效與互動

互動元素的細微色彩過渡。

連結的色彩變化。 · 標準的預設瀏覽器行為。

08

組件

• button 簡約的深色矩形區塊按鈕。
• card 無明確設計，僅為內容區塊。
• chip 無。
• input 帶有上方標籤的簡約邊框輸入欄位。
• hero 基礎的圖片與文字區塊，無複雜樣式。

09

文案語氣與禁用清單

• 語氣 資訊性與實用主義。
• 標題風格 直接且以關鍵字為導向。
• 按鈕文案 簡約且功能導向。

• 勿使用自訂字型——截圖顯示為標準的 system-ui 字型堆疊。
• 勿引入複雜的 border-radius——截圖顯示為銳利、未圓角的邊角。
• 勿使用 drop shadow——截圖顯示為完全平坦的表面。
• 勿套用多彩漸層——截圖顯示為純白色背景。
• 勿使用複雜動畫——截圖僅顯示簡單的懸停過渡。
• 勿使用裝飾性插圖——截圖顯示標準網路文字與單一圖片。
• 避免: 品牌名稱
• 避免: 技術術語
• 避免: 俏皮語言

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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