MISSION子育てを、一人で頑張らなくていい社会へ。
VISION
産後に困ったらYOHAKUと思い出してもらえるブランド。
提供価値
気持ちの余白 → 時間の余白 → 暮らしの余白 → 家族の笑顔
売るもの
ベビーシッターではなく「気持ちの余白」。
差別化ポイント
助産師対応 / 新生児から / LINE予約 / 伴走型
BRAND PERSONALITYブランド人格
使う言葉
使わない言葉
BRAND STORY（仮）ブランドストーリー
助産師として総合病院・産院での勤務を経て、「ママたちが本当に困るのは退院してからなんだ。」と産後ケアの必要性を強く感じるように。 米国で1年間、新生児からのベビーシッター経験を通じ、産後の過ごし方の多様性をより広い視点で学んだ。
「本当にこれであってる？」「授乳がつらい」と一生懸命向き合い、悩むお母さんたちが、ほっと一息つける時間―― その「余白」を作りたくて、YOHAKUを始めた。
代表：コスギチアキ（助産師・看護師・保健師／日本語・English (basic)）
ATTRIBUTES属性
USE CASES利用シーン
PERSONAペルソナの状態
今の状態
産後の心と体が万全でないまま、育児の正解が分からず情報過多で疲弊している。頼ることに慣れていない。
求めていること
医療の知見をもって否定せず寄り添ってくれる伴走者と、気軽に・すぐに頼れる安心の手配体験。
COLOR PALETTEカラーパレット（クリックでHEXコピー）
参考: 愛和グループ（aikouiin.com）のCSSを解析して抽出した実値。
TYPOGRAPHYタイポグラフィ
英語見出し（セクションラベル）
Cormorant Garamond — 細字・letter-spacing広め
日本語見出し
Noto Serif JP（または游明朝）— 品格のある明朝体
UI要素（ボタン・ナビ）
Noto Sans JP / Hiragino Sans
主要サイズ
H1（キャッチコピー）: clamp(28px, 5vw, 48px) / weight 300
H2（セクション見出し）: clamp(20px, 3vw, 32px) / weight 400
H3（カード見出し）: 16〜18px / weight 500
本文: 14〜16px / line-height 1.9
サブテキスト: 12〜13px
CTAボタン: 13px / letter-spacing 0.15em
WORLDVIEW世界観ワード
HERO DIRECTIONHero方向性
LAYOUT & SPACINGレイアウト・スペーシング
セクション余白
PC: 100px 0 ／ SP: 60px 0
コンテナ最大幅
1100px（左右padding 40px）
カードグリッドgap
PC: 32px ／ SP: 20px
セクション背景の交互パターン
Hero: White（全面写真）→ 共感: Off White → ブランド紹介: White → 選ばれる理由: Off White → 利用シーン: White → サービス紹介: Off White → 比較: White → 代表ストーリー: Off White → 料金: White → FAQ: Off White → CTA: White（またはゴールドラインで囲む）
COMPONENTSコンポーネント仕様
セクション見出し（英日2段パターン）
en-label（ゴールド・細字・letter-spacing広め）＋ ja-label（シルバー・小さめ）＋ gold-line（40px・1px・ゴールド）の3点構成。
CTAボタン
塗り：背景ゴールド／文字白／padding 14px 40px／border-radius 2px／hoverでDeep Goldに。
アウトライン：背景transparent／文字・枠線ゴールド／hoverで塗りに反転。
カード
背景白／border 1px solid Light Gray／padding 32px／border-radius 4px。
バッジ・タグ
背景transparent／枠線・文字ゴールド／border-radius 20px。
禁止事項（NG）必ず守ること
HERO COPYHeroコピー候補（クリックでコピー）
ブランドキーワード
NG言葉
LP STRUCTURELP構成（14セクション）
PHOTO DIRECTION写真ディレクションメモ
ASSET TODO素材TODOリスト
CLIENT CHECKクライアント確認依頼
このタブは、YOHAKUブランドガイドの中でクライアントに確認してほしい内容だけをまとめたページです。
各項目で「OK / 修正あり / 未確認」を選び、必要に応じてメモを入力してください。確認項目はこの画面上で追加・編集できます。下部の「回答内容をコピー」から、メールまたはLINEに貼り付けて返信できます。
編集した確認項目を、デプロイ時にクライアントへ見せる内容として保存します。
押すと回答内容がバルさんに直接届きます。
送信がうまくいかない場合は、コピーした内容をメール/LINEでお送りください。
CLIENT CHECK 2クライアント確認依頼2
LP実装後のチェック用ページです。
「①構成」「②サイト全体のトンマナ・雰囲気」「③文言確認（セクションごと）」の3つの観点で確認してください。各項目で「OK / 修正あり / 未確認」を選び、必要に応じてメモを入力してください。確認項目はこの画面上で追加・編集できます。下部の「回答内容をコピー」から、メールまたはLINEに貼り付けて返信できます。
編集した確認項目を、デプロイ時にクライアントへ見せる内容として保存します。
押すと回答内容がバルさんに直接届きます。
送信がうまくいかない場合は、コピーした内容をメール/LINEでお送りください。
LP DESIGNLPデザインパターン確認
配色・雰囲気の異なる3つのLPデザイン案を比較していただくためのイメージです。各パターンにつき画面のスクリーンショットを掲載しています。どのパターンが近いか、もしくは異なる雰囲気がよいか、ご確認ください。
押すと回答内容がバルさんに直接届きます。
送信がうまくいかない場合は、コピーした内容をメール/LINEでお送りください。