厳選・オープン・無料
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
なし
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
文体と禁止事項
- トーン フレンドリーで明るく、個人的
- 見出し 直接的でアクション指向
- CTA 明確で励ますような
- 角を鋭くしない — スクリーンショットでは柔らかく大きな角丸の長方形が示されている
- 暗い背景を使用しない — スクリーンショットでは白/明るい背景が示されている
- 無彩色のくすんだ色を使用しない — スクリーンショットでは鮮やかな高彩度グラデーションが示されている
- セリフフォントを使用しない — スクリーンショットではサンセリフのタイポグラフィが示されている
- 複雑なレイアウトを作成しない — スクリーンショットではクリーンで中央揃えの単一カラムレイアウトが示されている
- 重いドロップシャドウを使用しない — スクリーンショットではフラットまたは柔らかく浮き上がったサーフェスが示されている
- 避ける: フォーマルな言葉遣い
- 避ける: 専門用語
- 避ける: 暗くシリアスなトーン
10
パック内の実スクリーンショット
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
このシステムは、フレンドリーで遊び心のあるカウントダウンアプリのランディングページです。有意义な人生イベントを追跡する方法として自分を位置付けています。主要な HEX カラーには、ホワイト背景（#FFFFFF）、ブラックテキスト（#000000）、および赤（#FF3B30）、緑（#34C759）、青（#007AFF）、オレンジなどの鮮やかなグラデーションが含まれます。タイポグラフィはクリーンな humanist-sans-serif です。重要な禁止事項：ダークモードや暗い背景を使用しない。カードやボタンの角を鋭くしない。無彩色のくすんだ色を使用せず、高彩度グラデーションを受け入れる。セリフフォントを使用しない。ごちゃごちゃしたレイアウトを作成せず、スペーシアスで中央揃えを維持する。重いドロップシャドウを使用しない。
en · zh-CN · zh-TW · ja · ko