Thynth
← Works Log

パステルUIと絵文字廃止の理由

PairHubの白+クリーム/ミント/スカイ/ブラッシュのパステルUI。絵文字をやめて透過アイコンにした理由と、AIっぽい見た目を避けるデザイン判断を紹介します。

毎日開く画面に「量産感」は残したくない

家計はセンシティブです。派手なネオンや絵文字の羅列は、短時間のデモには向いても、継続利用の安心感を削ります。PairHub では 白+淡いパステル を選びました。

解決したい課題

  • Thynth本体のダークとアプリの用途が食い違う
  • 絵文字依存のUIがブランドを浅く見せる
  • カードやバッジの盛りすぎで視線が散る

デザイン以外の話は 制作ログ一覧、ブランド全体は About もどうぞ。

使用したプロンプト

夫婦向け家計アプリのパステルUI方針をデザインログとして書いて。
絵文字UIをやめてオリジナルアイコンにした理由をE-E-A-T寄りに。

工夫した点(失敗談含む)

サイトとアプリでトーンを分ける

親サイトはダークでも、PairHubはクリーム基調。紹介ページも同じパステルで揃え、世界観の一貫性を保ちました。

アイコンは透過PNGへ

生成時のチェッカー背景を除去し、?v=2 などでキャッシュを更新。見出し色の上書き問題もPairHubスコープで打ち消しています。

完成物の評価

「やさしいが子どもっぽくない」バランスに近づきました。機能の説明は他記事へ、空気感は プロジェクトページアプリ で感じてください。