精選 · 開放 · 免費

Work & Co

一個極簡、自信的設計機構作品集，讓文字排版與高知名度的客戶作品自行發聲。

01

設計氣質 DNA

一家享有聲望的設計與科技顧問公司。

02

色彩

高對比度的極簡主義，搭配單一、強勢的紅色強調色。

03

字型

transitional-serif

• display56px · 500
• heading36px · 400
• body16px · 400

所有主要文字和標題使用過渡襯線體。 · 小型工具文字或特定品牌標識使用無襯線體（如 'Part of Accenture Song' 所見）。 · 大型標題採用緊湊的字間距。

04

間距

各主要區塊之間採用寬裕的垂直間距與大內距（60px, 100px）。

05

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

用於分隔區塊的細薄 1px 實線邊框。

0px -1px 0px 0px inset rgb(0,0,0)

06

版面

不對稱的雙欄格線（1/3 標籤，2/3 內容），在行動裝置上會併欄。

07

動效與互動

文字連結上的顏色與底線過渡效果。

文字顏色變化或底線動畫。 · 標準指標游標。

08

組件

• button 帶有底線的文字連結，顏色為強調紅或黑色。
• card 極簡卡片，上方對齊圖片，下方為簡單的襯線文字。
• hero 大型左對齊文字區塊，附有支援性引言與行動呼籲。

09

文案語氣與禁用清單

• 語氣 權威、簡潔且低調。
• 標題風格 聲明式且略帶學術風格。
• 按鈕文案 簡單的底線文字連結（例如：「深入了解」）。

• 不要使用無襯線體作為主要字體——截圖顯示大量依賴過渡襯線體。
• 不要使用多種強調色——截圖顯示一致僅使用紅色（#DB2223）來強調。
• 不要使用陰影來增加深度——截圖顯示完全平面化的 2D 版面，無可見陰影元素。
• 不要將版面置中——截圖顯示文字與區塊結構一致採用左對齊。
• 不要在卡片或 UI 元素上使用圓角——截圖顯示所有矩形元素皆為銳利的 0px 圓角。
• 不要為內文使用粗體字重——截圖顯示標準文字一致使用 font-weight 400。
• 避免: 術語
• 避免: 過度使用大寫字母
• 避免: 過於醒目的行動呼籲按鈕

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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