精選 · 開放 · 免費
Maquilts
一個以藝術為核心、色彩鮮豔的現代紡織設計作品集
ExpressiveGeometricBold TypographyConsumerCalm
01
設計氣質 DNA
現代紡織藝術拼布幾何
藝術家的作品集，展示大膽、現代的紡織創作
02
色彩
#F15A24Accent
#333333Ink soft
#FFED8CBG
#F4A398BG soft
#FFFFFFBG quiet
#797791Muted
rgba(241,90,36,1)Line
溫暖、飽和的主要背景，搭配鮮豔的橙色強調
03
字型
humanist-sans · geometric-sans · monospace
- display
68px · 700 - display
36px · 400 - body
23px · 400 - mono
14px · 400
標題使用大寫字母變換 · 展示文字與次要文字增加字距 · 粗體標題與常規內文之間形成粗細對比
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
寬鬆的垂直節奏，搭配大量的區塊內距（上方 96px，下方 192px）
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
4px solid rgb(241, 90, 36)
rgba(0, 0, 0, 0.1) 1px 0px 10px 6px
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
分割畫面首頁，左側文字，右側圖片
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
互動元素上的流暢色彩過渡 · 懸停狀態下的縮放變換
邊框與文字的色彩變化 · 按鈕的縮放變換 (0.98)
08
組件
- button 膠囊形，虛線邊框，實心文字
- card 圖片為主，邊框圓角極小
- chip 截圖中未顯示
- input 截圖中未顯示
- hero 分割畫面，左側大排版，右側特色圖片
09
文案語氣與禁用清單
- 語氣 專業、富有藝術感且資訊豐富
- 標題風格 粗體、大寫、高對比
- 按鈕文案 友善且具邀請感，搭配休閒的虛線邊框
- 請勿使用纖細或輕盈的字體——截圖顯示標題使用粗重的字重
- 請勿使用深色或冷色調的主要背景——截圖顯示溫暖、明亮的黃色
- 請勿為主要按鈕使用生硬、尖銳的邊角——截圖顯示膠囊形、虛線輪廓
- 請勿使用極簡、單色的配色方案——截圖顯示鮮豔、多彩的幾何配色
- 請勿將主要導航藏在複雜的互動後——截圖顯示簡潔的漢堡選單圖示
- 請勿使用擁擠狹窄的間距——截圖顯示寬鬆的內距與寬大的溝槽
- 避免: 使用純粹裝飾性的字體
- 避免: 文字過多而壓過視覺
- 避免: 使用冷色調或過於正式的企業語氣
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
一個以藝術為核心、色彩鮮豔的現代紡織設計作品集，展示大膽的幾何拼布與服飾。設計核心在於溫暖、高飽和度的配色方案，以 #FFED8C 為主要背景，#F15A24 為主導強調色。字體方面，展示標題使用人文主義無襯線體，內文使用幾何無襯線體，強調粗體字重與寬鬆的字距。關鍵的禁止事項：請勿使用冷色或深色的主要背景，請勿使用纖細或輕盈的字重，也請勿為主要互動元素使用生硬、尖銳的邊角。版面具備寬鬆的垂直節奏與分割畫面的處理方式，在大型排版與具衝擊力的影像之間取得平衡。
en · zh-CN · zh-TW · ja · ko