> Version 1.0 — 作成日: 2025年 最終更新: 2025年 > このドキュメントはデザイン・開発・マーケティング全チームが参照する唯一の真実(Single Source of Truth)です。変更は必ずデザインチームのレビューを経てください。
---
1. [CONTENT FUNDAMENTALS](#1-content-fundamentals) 2. [VISUAL FOUNDATIONS](#2-visual-foundations) 3. [ICONOGRAPHY](#3-iconography)
---
私たちのブランドボイスは「丁寧で温かく、知識に裏づけられた誠実さ」です。素材・品質へのこだわりを持つ専門家として語りかけながら、押しつけがましくなく、ゆとりある余白を持ったコミュニケーションを心がけます。
| 属性 | ルール | |---|---| | 文体 | 丁寧体(です・ます)に統一。説明文・UI テキスト・エラーメッセージすべてに適用します。 | | 温度感 | 専門性を持ちながら親しみやすく。堅苦しくなりすぎない言葉を選びます。 | | リズム | 1文を50字以内に収めることを目安にします。長くなる場合は2文に分けてください。 | | 語尾のバリエーション | 「〜です」「〜ます」「〜ください」「〜いたします」を混ぜ、単調にならないよう配慮します。 |
---
| 主語 | 表記 | 補足 | |---|---|---| | 自社(一人称) | 「私ども」「当店」 | 「弊社」は書面や取引先向けのみ使用可。 | | お客さま(二人称) | 「お客さま」 | 「あなた」「お客様(楷書体)」は使用しない。読み仮名のとおり「さま」はひらがな表記に統一。 | | スタッフ | 「スタッフ」「担当者」 | 「私」を使う場合はスタッフ個人の紹介文など限定的な場面のみ。 |
---
| 記号 | 方針 | 補足 | |---|---|---| | 感嘆符「!」 | 原則使用しない | キャンペーン告知など特別な場合は1文に1つまで。乱用禁止。 | | 疑問符「?」 | 見出しでの修辞的疑問に限り使用可 | 本文中の疑問形文末は「でしょうか。」で締める。 | | 絵文字・顔文字 | 使用しない | 公式 SNS のカジュアル投稿でも使用不可。ブランドの品格を守ります。 | | 中点「・」 | 列挙に使用可 | 読点「、」との使い分けは文脈に応じて。 | | 三点リーダー「…」 | 使用不可 | 文を省略せず最後まで書ききってください。 |
---
| 種別 | ルール | 例 | |---|---|---| | 数量・金額・電話番号 | 半角アラビア数字 | 3,850円 / 03-1234-5678 | | 時刻・営業時間 | 半角アラビア数字 + コロン | 10:00〜19:00 | | 序数(文章中) | 漢数字 | 「三つのこだわり」「第一に」 | | 年月日 | 半角アラビア数字 + 漢字 | 2025年4月1日 | | パーセント | 半角アラビア数字 + 半角 % | 95%のお客さまが満足 | | 桁区切り | 4桁以上はカンマ区切り | 10,000円 |
> ⚠️ 全角アラビア数字(123)は一切使用しません。
---
#### CTA(Call to Action)
| ✅ Do | ❌ Don't | 理由 | |---|---|---| | ご予約はこちら | 今すぐ予約! | 急かすトーンはブランドに合いません | | 詳しく見る | もっと見る | 「詳しく」のほうが情報の深みを伝えます | | カウンセリングを申し込む | 申し込む | 何を申し込むか明示して安心感を与えます | | メニューを確認する | チェックする | 外来語より和語で品格を保ちます |
#### エラーメッセージ
| ✅ Do | ❌ Don't | 理由 | |---|---|---| | お名前を入力してください。 | 名前が未入力です | 命令形ではなく依頼形で丁寧に伝えます | | ご予約の送信に失敗しました。お手数ですが、もう一度お試しください。 | エラーが発生しました | 何をすべきか次の行動まで案内します | | この時間帯はすでにご予約が入っております。別の時間帯をお選びください。 | 満席です | 状況と代替行動をセットで伝えます |
#### 空状態(Empty State)
| ✅ Do | ❌ Don't | 理由 | |---|---|---| | まだご予約履歴がございません。はじめてのご来店をお待ちしております。 | データがありません | 冷たい技術的表現を避け、温かく誘導します | | お気に入りのメニューがまだありません。気になるメニューをお選びください。 | リストは空です | 空であることを前向きな入口として提示します |
#### 送料・料金表記
| ✅ Do | ❌ Don't | 理由 | |---|---|---| | 施術料金はすべて税込み表示です。 | 税込 | 文として完結させ、誤読を防ぎます | | 初回のカウンセリングは無料でご利用いただけます。 | 無料! | 感嘆符を避け、落ち着いた表現にします | | 別途、ホームケア製品代がかかる場合がございます。 | 追加料金あり | 不安を与えず、丁寧に条件を伝えます |
#### 確認・完了メッセージ
| ✅ Do | ❌ Don't | 理由 | |---|---|---| | ご予約を承りました。確認メールをお送りしましたのでご確認ください。 | 予約完了! | 次のアクションを案内し、安心感を届けます | | ありがとうございます。お問い合わせを受け付けました。3営業日以内にご連絡いたします。 | 送信しました | 返信タイミングを明示して信頼を高めます |
#### キャンセル・変更
| ✅ Do | ❌ Don't | 理由 | |---|---|---| | ご予約のキャンセルが完了しました。またのご来店を心よりお待ちしております。 | キャンセルしました | 関係を途切れさせず、次回来店を温かく促します | | ご変更を承りました。新しいご予約日をご確認ください。 | 変更OK | 略語・カジュアル表現はブランドに合いません |
---
| 語句 | 正式表記 | 使用しない表記 | 補足 | |---|---|---|---| | お客さま | お客さま | お客様、あなた、ご利用者 | 「さま」はひらがな固定 | | 予約 | ご予約 | 予約、ブッキング | UIラベル含めて敬語形で統一 | | カウンセリング | カウンセリング | 相談、コンサル | サービス固有名詞として表記を固定 | | スタッフ | スタッフ | 店員、スタッフさん | 敬称は不要(「さん」は付けない) | | 施術 | 施術 | トリートメント(英語表記のみの場合)、施工 | 施工は建築用語なので使用禁止 | | メニュー | メニュー | コース、プラン | 統一してメニューを使用 | | お支払い | お支払い | 決済、ペイメント | 技術用語より和語を優先 | | ホームケア | ホームケア | セルフケア、自宅ケア | ブランド推奨用語として統一 | | ご来店 | ご来店 | ご訪問、来店 | 接客文脈では必ず敬語形で | | 天然素材 | 天然素材 | ナチュラル素材、自然素材 | 品質訴求の核心語として表記固定 |
---
ゴイミのカラーパレットは「土・木・光」の自然の質感から着想を得ています。過剰な彩度を避け、素材そのものの美しさを引き立てるニュートラルな色調を基盤とします。
#### プライマリパレット
| 役割 | 変数名 | HEX | 用途 |
|---|---|---|---|
| ペーパー(背景) | --color-paper | #F7F4F0 | ページ全体の基本背景色 |
| ペーパー(深) | --color-paper-deep | #EDE8E1 | セクション区切り・サイドバー背景 |
| サーフェス | --color-surface | #FFFFFF | カード・モーダル・入力フィールド背景 |
| インク | --color-ink | #2C2420 | すべての本文テキスト・アイコン |
#### アクセントカラー
| 役割 | 変数名 | HEX | 用途 |
|---|---|---|---|
| アクセント | --color-accent | #8B7355 | CTA ボタン・リンク・強調テキスト |
| アクセント(濃) | --color-accent-dark | #6B5540 | ホバー・アクティブ状態 |
| アクセント(淡) | --color-accent-soft | #C9B99A | タグ・バッジ・装飾ライン |
#### セマンティックカラー
| 役割 | 変数名 | HEX | 使用場面 |
|---|---|---|---|
| 成功 | --color-success | #5A8A6A | 予約完了・フォーム送信成功 |
| 警告 | --color-warning | #C49A3C | キャンセル期限・注意事項 |
| 危険 | --color-danger | #B05050 | エラー・削除確認 |
| 情報 | --color-info | #5C7A96 | お知らせ・補足情報 |
#### インクスケール(透明度)
テキスト以外の用途(区切り線・シャドウ・ディセーブル状態など)には、インクカラーの透明度スケールを使用します。
| 変数名 | 透明度 | 主な用途 |
|---|---|---|
| --color-ink-06 | 6% | 最も薄いセパレータ線 |
| --color-ink-12 | 12% | ボーダー・入力フィールド枠 |
| --color-ink-24 | 24% | ディセーブル状態のアイコン・テキスト |
| --color-ink-40 | 40% | プレースホルダーテキスト |
| --color-ink-60 | 60% | サブテキスト・補足情報 |
| --color-ink-80 | 80% | 見出しサブ・キャプション |
| --color-ink-100 | 100% | 本文・UI ラベル |
#### カラー使用の禁止事項
> ❌ やってはいけないこと
- --color-accent を背景色として広範囲に使用しない(アクセントとしての希少性を保つ)
--color-surface)に白文字など、コントラスト比 4.5:1 未満 の組み合わせを使用しない(WCAG AA 準拠)#000000)・純粋な白(#FFFFFF)をテキストカラーとして直接使用しない(--color-ink / --color-surface を使用すること)---
ゴイミのすべてのテキストはゴシック体(サンセリフ)に統一します