精選 · 開放 · 免費
Playful Software
一個為重要之人打造並分享個人迷你應用程式的平台。
ProductPlayfulBold TypographyGradientConsumer
01
設計氣質 DNA
個人化創意可分享迷你應用程式俏皮
個人時刻的數位畫布
02
色彩
#FF2E95Accent
#141414Ink
#FAF7F5BG
#414040Muted
rgba(232,229,224,1)Line
溫暖、引人入勝的中性色調，搭配充滿活力的粉色強調色，注入能量。
03
字型
humanist-sans
展示文字採用緊湊字距與粗體字重，以達到最大衝擊力。 · 內文字體維持舒適的閱讀體驗，使用常規字重與寬裕行高。 · 標題採置中對齊，形成強烈的視覺焦點。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
中央英雄區塊周圍採用寬裕留白，以強調訊息。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 16px
lg · 40px
pill · 999px
使用 rgb(232,229,224) 的細微 1px 邊框來區隔卡片。
rgba(0, 0, 0, 0.14) 0px 4px 20px 0px · rgba(71, 71, 71, 0.1) 0px 2.18px 5.44px 0px
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
單欄置中英雄佈局，過渡至全寬網格以呈現內容。
07
動效與互動
220msmicro
350mssmall
800msmedium
cubic-bezier(0.34, 1.56, 0.64, 1)easing
彈性緩動效果用於俏皮的 UI 互動。 · 流暢的背景與透明度過渡效果。
互動元素會產生細微色彩變化與輕微縮放。 · 使用自訂緩動曲線提供彈性回饋。
08
組件
- button 高對比度的膠囊形按鈕，採用強調色與白色文字。
- card 圓角方形卡片，帶有柔和陰影，常以動態堆疊方式重疊呈現。
- chip 極簡使用，主要用於表單元素，如電子郵件輸入框。
- input 簡潔、圓角的輸入欄位，搭配細微邊框。
- hero 大膽粗體字體置於柔和漸層背景上，搭配漂浮的 3D 風格應用程式圖示。
09
文案語氣與禁用清單
- 語氣 友善、直接且具創新感。
- 標題風格 大膽、宣言式的陳述，帶有個人化風格。
- 按鈕文案 以行動為導向且引人入勝，例如「加入等候名單」。
- 勿使用沉悶的企業灰色調——截圖顯示溫暖的米色/奶油色（#FAF7F5）背景。
- 勿使用纖細的裝飾性襯線字體作為標題——截圖顯示粗重的人文主義無襯線字體。
- 勿使用陰鬱的深色配色方案——截圖顯示明亮、通透且溫暖的環境。
- 勿使用尖銳的 90 度直角作為主要元素——截圖顯示高圓角的膠囊形狀與圓角卡片。
- 勿使用被動、不顯眼的行動呼籲——截圖顯示充滿活力的粉色（#FF2E95）按鈕。
- 勿使用過多邊框或分隔線——截圖顯示簡潔的表面，幾乎沒有可見的線條。
- 避免: 企業行話
- 避免: 複雜的技術語言
- 避免: 過度正式或冷漠的語氣
- 避免: 強勢的銷售用語
- 避免: 微小或怯懦的字體排印
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個俏皮、以消費者為中心的產品登陸頁面，屬於「Playful Software」品牌，強調個人創造力與分享。其設計 DNA 包含溫暖、引人入勝的米色（#FAF7F5）背景、柔和的粉色漸層，以及充滿活力的粉色（#FF2E95）強調色。字體排印採用粗體人文主義無襯線字體，用於具高衝擊力的宣言式標題。關鍵限制：絕不使用冷色調的企業灰色或深色背景；避免使用纖細的裝飾性襯線字體作為標題；主要 UI 元素切勿使用尖銳的 90 度直角；絕不使用不顯眼或被動的行動呼籲顏色；避免使用過多邊框或複雜的網格線來破壞溫暖的美感；並保持友善直接的語氣，避免使用乾澀的技術性描述。
en · zh-CN · zh-TW · ja · ko