精選 · 開放 · 免費
Fictional Typeface
為古怪幾何字體打造的鮮明、漫畫風格字體樣本展示。
TypographyExpressivePlayfulCuration
01
設計氣質 DNA
漫畫俏皮古怪鮮明友善
活生生的波普藝術漫畫書頁
02
色彩
#FD4B38Accent
#000000Ink
#666666Ink soft
#FFE9CEBG
#FFFFFFBG soft
#9D968EMuted
rgba(255,255,255,1.0)Line
高飽和度的波普色彩（紅、黃、綠、紫）置於柔和桃色背景上，創造出俏皮、混亂卻統一的漫畫美學。
03
字型
humanist-sans
- display
201px · 400 - heading
50px · 400 - body
21px · 400
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
漫畫格狀構圖，元素刻意重疊且散落分布
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 15px
pill · 999px
極簡或白色邊框，形狀無深色輪廓
0px 0px 0px 2px rgb(251, 215, 12)
06
版面
1280container
1columns
24pxgutter
768 / 1024breakpoints
散亂、非線性的漫畫格構圖
07
動效與互動
150msmicro
220mssmall
400msmedium
cubic-bezier(0.34, 1.56, 0.64, 1)easing
懸停時的彈性縮放變換 · 充滿活力的漫畫風格動畫
彈性縮放變換（1.1-1.2），搭配彈性緩動 · 按下狀態，縮放比例略微縮小
08
組件
- button 圓角藥丸按鈕，搭配粗體背景色，常帶有旋轉角度
- card 漫畫對話框與星爆形狀
- chip 實色背景的旋轉標籤
- hero 大型、混亂排列的重疊漫畫元素組合
09
文案語氣與禁用清單
- 語氣 鮮明、熱情、俏皮
- 標題風格 全大寫、粗體，常帶有旋轉角度
- 按鈕文案 以行動為導向，搭配漫畫風格的視覺強調
- 避免使用柔和調色盤 — 截圖顯示高飽和度波普色彩
- 避免將元素對齊嚴格網格 — 截圖顯示刻意散落的元素
- 避免使用細微陰影 — 截圖顯示無投影的扁平色塊
- 避免保持文字水平 — 截圖顯示多處旋轉的文字元素
- 避免使用襯線字體 — 截圖顯示所有內容皆使用人文無襯線體
- 避免保持一致間距 — 截圖顯示重疊元素與不規則間隙
- 避免: 企業化
- 避免: 正式
- 避免: 低調
- 避免: 極簡
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個俏皮、漫畫風格的字體樣本展示網站。視覺語言使用散落、重疊的漫畫元素（對話框、星爆、貼紙）於柔和桃色背景（#FFE9CE）上。字體僅使用自訂的人文無襯線體，顏色為黑色（#000000）。高飽和度強調色包括紅色（#FD4B38）、綠色（#3CCB09）、紫色（#8A53FF）與黃色（#FFD80C）。元素刻意旋轉、重疊且散落分布，而非遵循嚴格網格。互動使用彈性變換。關鍵禁忌：絕不使用柔和或企業化調色盤，絕不將元素對齊剛性網格，絕不使用細微陰影或邊框，絕不呈現未經俏皮旋轉的水平文字。
en · zh-CN · zh-TW · ja · ko