精選 · 開放 · 免費
Getuntil
一款趣味盎然的倒數計時應用程式，助您追蹤生命中的重要事件。
GradientConsumerProductPlayfulFriendly
01
設計氣質 DNA
倒數計時期待感重要事件個人追蹤器
一個溫暖、充滿活力的個人行事曆，用於記錄生命中的精彩時刻
02
色彩
#FF3B30Accent
#000000Ink
#000000A6Ink soft
#FFFFFFBG
#F2F2F2BG quiet
#00000066Muted
rgba(0, 0, 0, 0.1)Line
鮮豔的多彩漸層與乾淨、淺色背景形成對比。
03
字型
humanist-sans
- display
40px · 700 - headline
30px · 700 - body
16px · 400
04
間距
4px
8px
16px
24px
32px
48px
64px
80px
96px
寬裕的垂直節奏，主視覺間距為 80px
05
表面 (圓角 / 陰影 / 邊線)
sm · 8px
md · 16px
lg · 32px
pill · 999px
none
06
版面
1200container
12columns
24pxgutter
768breakpoints
置中單欄佈局，搭配寬裕內距
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
流暢過渡
互動元素使用指標游標 · 標準點擊行為
08
組件
- button 圓角黑色膠囊按鈕，白色文字
- card 大型漸層圓角矩形
- input 標準文字輸入框，帶有細微背景色
- hero 應用程式圖示、標題、副標題，以及浮動的 UI 卡片疊加於漸層背景之上
09
文案語氣與禁用清單
- 語氣 友善、輕快、個人化
- 標題風格 直接且具行動導向
- 按鈕文案 清晰且具鼓勵性
- 避免使用銳角 — 螢幕截圖顯示的是柔和的大圓角矩形
- 避免使用深色背景 — 螢幕截圖顯示的是白色/淺色背景
- 避免使用低飽和度、暗淡的顏色 — 螢幕截圖顯示的是鮮豔、高飽和度的漸層
- 避免使用襯線字體 — 螢幕截圖顯示的是無襯線字體排版
- 避免使用複雜佈局 — 螢幕截圖顯示的是簡潔、置中的單欄佈局
- 避免使用厚重的陰影 — 螢幕截圖顯示的是扁平或輕微浮起的曲面
- 避免: 正式語言
- 避免: 技術術語
- 避免: 陰暗、沉鬱的色調
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
此系統是一個友善、充滿趣味的倒數計時應用程式登陸頁面。它將自己定位為追蹤生命重要事件的方式。關鍵十六進位色碼包括白色背景 (#FFFFFF)、黑色文字 (#000000)，以及鮮豔的漸層色，如紅色 (#FF3B30)、綠色 (#34C759)、藍色 (#007AFF) 和橙色。字體採用乾淨的人文主義無襯線體。重要禁忌：勿使用深色模式或深色背景。勿在卡片或按鈕上使用銳角。勿使用低飽和度或暗淡的顏色；請採用高飽和度的漸層。勿使用襯線字體。避免建立擁擠的佈局；保持寬敞且置中。勿使用厚重的陰影。
en · zh-CN · zh-TW · ja · ko