精選 · 開放 · 免費
Antoniouve
一個活潑的插畫與動畫作品集，以鮮豔的黃色調、粗體黑色字體和散佈的天馬行空圖形元素為定義。
PlayfulExpressiveWarmFriendlyStudio
01
設計氣質 DNA
活潑天馬行空動態化插畫風格趣味
一本從頁面跳出來並開始跳舞的素描本。
02
色彩
#000000Ink
#FFC900BG
#7A7A7AMuted
rgba(0,0,0,1.0)Line
高飽和度、溫暖的黃色背景，搭配銳利的黑色字體，以達到最大衝擊力和活潑能量。
03
字型
geometric-sans
- display
123px · 500 - h1
34px · 400 - body
26px · 400 - small
9px · 400
所有文字使用幾何無襯線字體 · 標題文字保持緊湊的行高
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
靈活的間距，在關鍵互動元素上使用充裕的 padding。
05
表面 (圓角 / 陰影 / 邊線)
sm · 17px
md · 17px
lg · 429px
pill · 429px
1px solid black
06
版面
1440container
12columns
24pxgutter
768 / 1024breakpoints
全寬首頁畫布，包含散佈的絕對定位圖形元素。
07
動效與互動
450msmicro
450mssmall
600msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing
浮動元素的流暢彈性過渡 · 變換與透明度淡入淡出
互動元素上的流暢變換與過渡。 · 標準互動回饋。
08
組件
- button 圓角膠囊形按鈕，黑色邊框，24px padding。
- card 圓角容器，但主要視覺來自散佈的浮動元素。
- hero 巨大的 123px 標題，疊加在純黃色背景上的抽象動態圖形形狀上。
09
文案語氣與禁用清單
- 語氣 活潑、非正式且自信。
- 標題風格 粗體、小寫或混合大小寫，且高度表現力。
- 按鈕文案 簡潔、具邀請性且圓潤。
- 不要使用白色背景——截圖顯示以主導的黃色為主
- 不要使用襯線字體——截圖顯示幾何無襯線字體
- 不要做得極簡——截圖顯示畫布充滿了散佈的、 colorful 的形狀
- 不要使用柔和粉彩——截圖顯示飽和的黃色、 orange 和 pink 點綴
- 不要使用尖銳邊角——截圖顯示圓角和膠囊形元素
- 不要使用僵化對齊——截圖顯示散佈的、重疊的圖形元素
- 避免: 企業語言
- 避免: 僵化網格
- 避免: dull 色彩
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個活潑、具表現力的插畫師與動畫師作品集。定位為一個有趣、有創意且平易近人的工作室。主導顏色是溫暖的黃色 (#FFC900)，搭配純黑色 (#000000) 作為文字。字體採用幾何無襯線字體類別，大號展示文字最大可達 123px，小型介面文字為 9px。關鍵禁忌：切勿使用白色或深色背景，切勿使用僵化的網格結構，切勿使用襯線字體，切勿以無菌或過於企業化的方式呈現元素。版面為全視野畫布，包含散佈的、 colorful 的重疊圖形元素。
en · zh-CN · zh-TW · ja · ko