精選 · 開放 · 免費

Guste

一個平面設計與插畫服務的工作室作品集，強調大膽的線條藝術與精選的藝術收藏。

01

設計氣質 DNA

展示大膽、活潑且具插畫性質創意作品的數位畫布。

02

色彩

高對比的黑白配色，搭配互動元素使用的鮮明色彩功能性色盤。

03

字型

geometric-sans

• display32px · 400
• body16px · 400

所有導覽與標籤文字均採用大寫。 · 幾何無襯線字型家族貫穿使用。 · 大部分文字元素使用輕字重（400）作為標準。

04

間距

標準4px網格，區塊容器保留寬裕的64px內邊距。

05

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

所有主要容器與區塊均以2px實線黑色邊框定義。

06

版面

方格狀、基於網格的佈局，以顯眼的2px黑色邊框分隔區塊。

07

動效與互動

游標狀態與互動元素的平滑過渡。

互動元素上指標游標改變。 · 透過游標改變提供視覺回饋（圖片放大）。

08

組件

• button 圓形外框按鈕，用於主要操作（CONNECT）。
• card 基於網格展示藝術作品圖片，無邊框。
• chip 水平排列的顏色色票，用於選擇。
• hero 大型互動式線條藝術插圖，搭配顏色選擇工具。

09

文案語氣與禁用清單

• 語氣 直接、專業且具創意。
• 標題風格 清晰、描述性的標題式大小寫句子。
• 按鈕文案 行動導向且採用大寫（例如：CONNECT、STORE）。

• 不要使用陰影效果—截圖顯示的是扁平、由邊框定義的表面
• 不要在容器上使用圓角—截圖顯示的是銳角、0px圓角的方塊
• 不要使用漸層背景—截圖顯示的是純白或淺灰色
• 不要使用第三種字型作為強調—截圖顯示一致使用單一幾何無襯線字型
• 不要使用細微的1px邊框—截圖顯示顯眼的2px黑色邊框
• 不要在主視覺區使用多欄文字區塊—截圖顯示單一、大型標題
• 避免: 過於企業化的術語
• 避免: 雜亂的佈局
• 避免: 刺眼或霓虹色調的強調色

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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