精選 · 開放 · 免費
Lpalo
一個以字體排印為核心的異想天開平台,專注於另類兒童播客節目。
ConsumerPlayfulTypographyFriendlyEditorial
01
設計氣質 DNA
兒童播客說故事異想天開教育
一本充滿童趣的兒童故事書,融合現代數位插圖風格。
02
色彩
#EF724FAccent
#151515Ink
#FDDFE1BG
#4A4A4AMuted
rgba(0, 0, 0, 0.8)Line
溫暖的粉彩色調背景,搭配高對比度的黑色字體排印與活潑的平面色彩點綴。
03
字型
slab-serif · humanist-sans
- display
120px · 800 - body
16px · 400 - label
12px · 500
展示型字體專用於極具吸引力的大型標題。 · 內文採用清晰、中性的無襯線字體以確保可讀性。 · 導航項目混合使用膠囊按鈕與標準連結。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
寬敞、開放的間距,讓大型字體得以呼吸。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 48px
pill · 999px
按鈕與插圖採用粗實的 2px 黑色邊框
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
不對稱、充滿童趣的佈局,包含重疊元素與散佈的插圖。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.68, -0.6, 0.32, 1.6)easing
UI 元素採用彈性過渡動畫。 · 背景插圖帶有微妙的漂浮動畫。
按鈕的色彩變化與微妙縮放效果。 · 透過自訂彈性緩動曲線提供彈跳、具觸感的回饋。
08
組件
- button 膠囊造型,帶有厚實黑色邊框,填充白色或強調色。
- card 透過青綠色形狀暗示,具備粗實邊框與趣味插圖。
- chip 小型膠囊造型標籤,用於次要導航。
- hero 在粉彩背景上,以巨大、左對齊的粗襯線字體作為主視覺標題,搭配漂浮插圖。
09
文案語氣與禁用清單
- 語氣 充滿童趣、異想天開且活力充沛。
- 標題風格 大膽、另類且大尺寸。
- 按鈕文案 清晰、具行動力,以膠囊按鈕呈現。
- 不要使用標準系統字體——畫面截圖顯示的是粗襯線與人文無襯線字體。
- 不要使用微妙陰影——畫面截圖顯示的是帶有 2px 粗實黑色邊框的平面設計。
- 不要使用白色背景——畫面截圖使用統一的溫暖粉彩粉色背景。
- 不要使用纖細、 delicate 的字體——畫面截圖採用極粗、厚重的字重。
- 不要使用僵化、嚴格對齊的網格——畫面截圖顯示的是充滿童趣、重疊且不對稱的佈局。
- 不要使用灰濁的色彩——畫面截圖使用如橘色與青綠色等鮮明、飽和的強調色。
- 避免: 企業感
- 避免: 僵化
- 避免: 極簡主義
- 避免: 嚴肅
- 避免: 術語
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個為兒童播客平台設計的、以字體排印為核心的趣味設計系統。其核心識別建立在巨大、高對比度的粗襯線標題與溫暖粉彩美學之上。色調以柔和的粉色背景(#FDDFE1)為中心,搭配粗黑文字(#151515)與鮮明的橘色(#EF724F)強調色。佈局不對稱且充滿活力,包含散佈的線條藝術插圖與帶有厚實黑色邊框的膠囊按鈕。關鍵設計規則:1)絕不使用白色背景或微妙陰影;2)字體必須粗實厚重,避免纖細或企業風格攤;3)運用重疊元素與不對稱構圖,以維持異想天開與童趣感。
en · zh-CN · zh-TW · ja · ko