精選 · 開放 · 免費

Tripolis Park

一個高端、具環保意識的工作園區，以大膽排版、富有表現力的 3D 視覺與簡潔版面定義。

01

設計氣質 DNA

融合有機科技與結構極簡主義的高端建築作品集

02

色彩

高對比度的單色基底，搭配豐富、富有表現力的 3D 與漸層影像

03

字型

transitional-serif · humanist-sans

• display47px · 500
• body18px · 400

04

間距

充足的留白與內邊距，以強調高端建築質感

05

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

選擇性使用細薄的 1px 實線邊框，用於結構與強調

0 10px 30px rgba(0,0,0,0.1)

06

版面

簡潔的單欄或不對稱版面，具備大片負空間與錯落的文字區塊

07

動效與互動

緩慢的 ease-out 轉場 · 類似視差的影像揭示效果

細膩的透明度或變換位移 · 立即的視覺回饋與變換效果

08

組件

• button 帶有箭頭與底線的文字連結，無背景容器
• card 極簡風格，依賴大型影像與排版來建立層次，而非容器
• hero 全螢幕或大型背景影像，搭配覆蓋文字與幾何裝飾元素

09

文案語氣與禁用清單

• 語氣 具前瞻性的、自信且高端的
• 標題風格 簡短、有力的片語，常帶有商標符號或幾何裝飾元素
• 按鈕文案 帶有前導箭頭的底線文字

• 不要使用圓角卡片或按鈕——畫面截圖顯示銳利、簡潔的邊緣
• 不要用多種 UI 元件使版面雜亂——畫面截圖顯示充足的留白
• 不要使用低對比度的文字——畫面截圖顯示高對比度的黑底白字或白底黑字
• 不要使用單一、主導的高飽和度強調色——畫面截圖依賴影像來呈現色彩
• 不要使用俏皮或異想天開的字體——畫面截圖顯示結構化的襯線與無襯線字體搭配
• 不要使用繁雜、高度依賴網格的版面——畫面截圖顯示簡潔、不對稱且寬敞的配置
• 避免: 繁雜的版面
• 避免: 低對比度的文字
• 避免: 圓角的 UI 元件
• 避免: 俏皮或異想天開的語言
• 避免: 雜亂的介面
• 避免: 過於企業化的術語

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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