← Works LogDesign
パステルUIと絵文字廃止の理由
PairHubの白+クリーム/ミント/スカイ/ブラッシュのパステルUI。絵文字をやめて透過アイコンにした理由と、AIっぽい見た目を避けるデザイン判断を紹介します。
毎日開く画面に「量産感」は残したくない
家計はセンシティブです。派手なネオンや絵文字の羅列は、短時間のデモには向いても、継続利用の安心感を削ります。PairHub では 白+淡いパステル を選びました。
解決したい課題
- Thynth本体のダークとアプリの用途が食い違う
- 絵文字依存のUIがブランドを浅く見せる
- カードやバッジの盛りすぎで視線が散る
デザイン以外の話は 制作ログ一覧、ブランド全体は About もどうぞ。
使用したプロンプト
夫婦向け家計アプリのパステルUI方針をデザインログとして書いて。
絵文字UIをやめてオリジナルアイコンにした理由をE-E-A-T寄りに。
工夫した点(失敗談含む)
サイトとアプリでトーンを分ける
親サイトはダークでも、PairHubはクリーム基調。紹介ページも同じパステルで揃え、世界観の一貫性を保ちました。
アイコンは透過PNGへ
生成時のチェッカー背景を除去し、?v=2 などでキャッシュを更新。見出し色の上書き問題もPairHubスコープで打ち消しています。
完成物の評価
「やさしいが子どもっぽくない」バランスに近づきました。機能の説明は他記事へ、空気感は プロジェクトページ と アプリ で感じてください。