精選 · 開放 · 免費
Startupblowup
一個俏皮、漫畫風格的服務,協助新創企業實現指數級成長。
PlayfulConsumerBold TypographyExpressiveProductivity
01
設計氣質 DNA
俏皮新創漫畫充氣大膽
一個波普藝術漫畫書頁面
02
色彩
#000000Ink
#F4EDDCBG
#FFFFFFBG soft
rgba(0,0,0,1.0)Line
高對比的漫畫書色調,搭配鮮明的黑色輪廓線和單一主導的柔和色調。
03
字型
comic · humanist-sans
- display
80px · 400 - body
16px · 400
大型展示文字使用漫畫風格字體,內文使用簡潔的無襯線字體。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
4px 基礎網格
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
2px solid black
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
大型中心化圖形元素,文字直接疊加在形狀上。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
由氣球圖形和自訂光標所隱含的充氣/洩氣效果。
互動元素上的自訂指標游標。 · 特定元素上的自訂指標-小游標。
08
組件
- button 使用自訂游標指標(箭頭、指標、指標-小)取代標準按鈕。
- card 大型圓形氣球形狀,內含文字。
- chip 無可見元素。
- input 無可見元素。
- hero 螢幕中央的巨型粉紅氣球圖形,疊加漫畫風格文字。
09
文案語氣與禁用清單
- 語氣 俏皮、充滿活力,且略帶挑釁。
- 標題風格 漫畫書風格,粗黑色輪廓與輕微陰影效果。
- 按鈕文案 未明確展示,但暗示為大膽且具互動性。
- 不要使用微妙漸層——截圖顯示為平面色彩填充。
- 不要使用襯線字體——截圖顯示為漫畫與無襯線字體。
- 不要使用深色背景——截圖顯示為淺色、溫暖的背景。
- 不要使用複雜陰影——截圖顯示為帶有簡潔輪廓的平面元素。
- 不要使用柔和色彩——截圖使用鮮明的黑色與亮粉色。
- 不要使用標準 UI 元件——截圖使用自訂游標與圖形形狀。
- 避免: 襯線字體
- 避免: 微妙漸層
- 避免: 企業術語
- 避免: 柔和色彩
- 避免: 小字體尺寸
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
此網站是一個俏皮、漫畫風格的新創服務。設計採用鮮明的黑白配色,並以柔和的粉紅色作為主導強調色。字體方面,展示文字使用自訂漫畫字體,內文則使用簡潔的無襯線字體。關鍵互動包含自訂游標與充氣主題。重要禁忌:不要使用襯線字體、不要製造微妙漸層、不要使用深色背景、不要使用複雜陰影、不要使用柔和色彩,以及不要使用標準 UI 元件。
en · zh-CN · zh-TW · ja · ko