この記事では、ゲストアプリのデザインを変更する方法を説明します。
1：ブランドカラーの設定
2：テーマの選択
3：デザイン詳細の設定
- 変更できる箇所
- 組み合わせ例
1：ブランドカラーの設定
見出しやボタンなど、基本となるカラーの設定ができます。「ブランドカラー」にカラーコードを入力してください。
カラーコードが分からない場合は、こちらのサイトにロゴ等の画像を上げて、ご確認ください。
https://lab.syncer.jp/Tool/Image-Color-Picker/
2：テーマの選択
設定画面からは白ベース、黒ベースの背景のみ選択ができます。
デフォルトは白ベースになっていますので、変更時は黒ベースを選択後保存してください。
3：デザイン詳細の設定
以下のような項目は自由に設定が可能です。変更要望や相談を希望する場合は、サポートまでご連絡ください。
変更できる箇所
①フォントスタイル
3種類からお選びいただけます
1. 角ゴシック体 : 装飾が少なく、スッキリしたフォント
2. 丸ゴシック体 : 角や先端が丸く、柔らかい印象のフォント
3. 明朝体 : トメ、ハネがはっきりとした、高級感のあるフォント
②カラー
背景、テキスト、ボタン等の色を変更できます
③ボタンの形
3種類からお選びいただけます
1. 角丸なし : スッキリとした印象で、高級感のあるボタン
2. 小さい角丸 : スタンダードな印象のボタン
3. 大きい角丸 : 可愛く、柔らかい印象のボタン
組み合わせ例
| 印象 | ①フォントスタイル | ②カラー | ③ボタンの形 | |
| ビジネスホテル | スッキリとスタンダードな印象に | 角ゴシック体 |
背景 : 白 テキスト、ボタン : |
小さい角丸 |
| 旅館 | モダンで高級感のある印象に | 明朝体 |
背景 : 黒 テキスト、ボタン : 白 |
角丸なし |
| グランピング | 温かみのある柔らかい印象に | 丸ゴシック体 |
背景 : 緑 テキスト、ボタン : 茶色 |
大きい角丸 |