【フォントについて】
・キャッチ・サブコピー:Zen Maru Gothic
カフェの温かみのある世界観に調和させつつ、スマートフォン上での「読みやすさ(可読性)」を両立するために丸ゴシックを採用しました。
・英字:Amsteram Three
バナーの主役となる「特別感」を演出するため、流麗な筆記体を採用。温かみを残しつつ、デザイン全体のアイキャッチ(視線誘導)として機能させています。
・メニュー名:Noto Sans JP
小さな文字サイズでも潰れず、瞬時にメニュー内容が伝わるよう、最も可読性が高く視認性に優れたスタンダードなゴシック体を採用しました。
【配色カラーについて】
・ベースカラー:淡いベージュ(#f7f2ec)
カフェの落ち着いた温かみを表現しつつ、主役である写真や文字を引き立てるために採用しました。
・メインカラー:淡いオレンジ(#f4b183)
背景の格子模様に用いることで、全体の温和なトーンを保ちつつ、画面に程よいメリハリ(コントラスト)を与えています。
・フォントカラー:濃いブラウン(#5c4433)
黒を避けて濃いブラウンにすることで、世界観の統一(優しい雰囲気)とスマホ画面上での高い視認性を両立させました。
【情報設計】
・ロゴの配置
アイキャッチとなる英字「Morning」の右上に配置し、ユーザーの視線が自然に店名(ロゴ)へ流れるよう設計しました。
・キャッチコピーの配置
「特別メニュー」のコピーは、魅力的な写真を見た後の“最後の一押し”となるよう、視線の終着点(下部)にあえて配置しています。
