精選 · 開放 · 免費

Martin Laxenaire Fr

一個為網頁設計師打造的高能量、字體大膽的作品集。

01

設計氣質 DNA

一個如同活潑互動藝術品的創意設計工作室作品集。

02

色彩

高對比度的單色基底，搭配鮮明的多彩幾何強調色。

03

字型

extended-grotesque-sans · grotesque-sans

• display167px · 700
• heading-lg105px · 700
• heading-md63px · 700
• body-lg31px · 400
• body-md21px · 400

大型展示文字使用擴展無襯線字體（grotesque-sans）。 · 內文使用標準無襯線字體。 · 展示文字套用緊湊的字距調整。 · 大多數文字元素使用大寫轉換。

04

間距

以 8px 為基礎網格，並搭配寬裕的內邊距以營造呼吸空間。

05

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

互動元素與邊框使用 2px 實線黑色。

0px 4px 24px rgba(18, 18, 18, 0.1)

06

版面

全視窗首屏，中央有巨大的文字區塊，後接多欄網格用於展示專案。

07

動效與互動

元素出現時採用流暢、高緩出過渡效果。 · 隨捲動產生的視差與縮放效果。 · 互動式幾何背景元素。

互動元素上的縮放與顏色過渡效果。 · 帶有即時視覺回饋的啟用狀態。

08

組件

• button 膠囊形狀，具有粗黑色邊框，白底黑字。
• card 專案卡片，使用大字體與醒目的背景色。
• hero 全螢幕首屏，包含一個旋轉的多彩幾何星爆圖案，以及大型、重疊的展示字體。

09

文案語氣與禁用清單

• 語氣 自信、趣味且極具創意。
• 標題風格 簡短、有力，常為全大寫。
• 按鈕文案 直接且具行動力，使用膠囊形按鈕。

• 不要在標題中使用標準的窄體無襯線字體——截圖顯示使用的是寬闊的擴展無襯線字體。
• 不要使用小型、密集的內文——截圖顯示使用的是大尺寸、易讀且行距寬鬆的文字。
• 不要使用柔和或深色調的調色盤——截圖顯示以明亮的白色為背景，並搭配鮮明的綠色、棕色和黃色強調色。
• 不要使用銳利的方形圓角作為 UI 元素——截圖顯示使用的是大圓角（21px 半徑）。
• 不要使用纖細、微妙的邊框——截圖顯示按鈕與卡片使用的是粗實的 2px 黑色邊框。
• 不要使用傳統的、僅限水平的佈局——截圖顯示使用的是動態、重疊的字體首屏。
• 避免: 無趣的佈局
• 避免: 柔和的色彩
• 避免: 傳統襯線字體
• 避免: 小型文字
• 避免: 標準的單純網格佈局

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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