健康な時から
何でも相談できる、
まちのかかりつけ医The neighbourhood doctor
you can ask about anything,
even when you're well
ファミリーファーストクリニックは、埼玉県桶川市の家庭医療クリニックです。内科・外科・皮膚科をひとつ屋根の下で、家族が営み、家族のために診療しています。このガイドは、ウェブサイト、印刷物、サイン、SNS、院内掲示、英語の案内まで、すべての制作物に共通するルールです。
Family First Clinic is a family-medicine clinic in Okegawa, Saitama: internal medicine, surgery and dermatology under one roof, run by a family, for families. This guide sets the shared rules for everything we make — the website, print, signs, social posts, waiting-room notices and English materials.
ブランドの核Brand coreBrand coreブランドの核
「家族の一員のような存在でありたく、その家族達を一番に思う」“We want to be like a member of the family, and to put those families first.”院長 上西 章規Dr. Akinori Uenishi, Director
立ち位置Position
何でもまず相談できる総合診療のクリニック。専門特化のブティックでも、チェーン院でもありません。
A general-practice clinic where you can start with anything. Not a specialist boutique, not a chain.
人柄Personality
あたたかく、わかりやすく、落ち着いていて、少しだけ遊び心がある。冷たく事務的にも、売り込み調にも、不安をあおる調子にもしません。
Warm, plain-spoken, steady, a little playful. Never cold, never salesy, never alarming.
対象Audience
桶川の三世代の家族（高齢の方が多い）、オンライン診療を使う働く世代、英語の案内が必要な外国人住民の方。
Okegawa families across three generations (many older patients), working adults using online consultation, and foreign residents who need English.
名称NamesNames名称
| 用途Use | 表記Form | 備考Notes |
|---|---|---|
| 日本語（原則）Japanese (default) | ファミリーファーストクリニック | すべての制作物の基本。The default everywhere. |
| 英語English | Family First Clinic | 3語とも頭文字大文字。「The」は付けない。Three capitalised words, no “The”. |
| 法人名Legal name | 医療法人社団F.F.C. | 契約書・領収書・フッター。広告の見出しには使わない。Contracts, receipts, footer. Never in ad headlines. |
| 略称Shorthand | FFC | 内部のみ。患者さん向けに単独で使わない。Internal only. Never alone for patients. |
| 旧名称Former name | （旧ゆげクリニック） | アクセス欄・フッター・Google・外看板に、しばらく添える。Added for now on access info, footer, Google and the fascia. |
| 院長Director | 院長 上西 章規 | 英語：Dr. Akinori Uenishi, DirectorEnglish: Dr. Akinori Uenishi, Director |
ロゴLogoLogoロゴ
笑顔の3人 — 背の高い青、中くらいのオレンジ、小さな緑 — が家族のように並び、上に淡い青のタイルに白い十字。3人には上から下へのやさしいグラデーションがかかっています。支給されたとおりに使い、描き直し・色の変更はしません。
Three smiling figures — tall blue, middle orange, small green — stand side by side like a family, with a white cross on a pale blue tile above. Each figure has a gentle top-to-bottom gradient. Use the artwork exactly as supplied; never redraw or recolour it.
ffc-gradient-horizontal.svg
ffc-gradient-stacked.svg
ffc-gradient-icon.svg
ffc-gradient-horizontal-reverse.svgルールRules
- 四方に、十字タイルの高さと同じ余白を確保する。Keep clear space equal to the cross tile's height on every side.
- 最小サイズ：画面で高さ28px、印刷で幅30mm。それ以下はアイコンを使う。Minimum size: 28px tall on screen, 30mm wide in print. Below that, use the icon.
- 印刷にはSVGを使う。PNGは透過背景の画面用。Print from the SVG. The PNGs are transparent, for screens.
- 16px以下のファビコンはアイコンのみ。Favicons at 16px or smaller use the icon only.
してはいけないことDon't
- カラー版を primary・sun・leaf や、ごちゃついた画像の上に置く（白抜きを使う）。Put the colour logo on primary, sun, leaf or busy images (use the reverse).
- 3人を離す・並び替える・1人だけ使う。Separate, reorder or isolate the figures.
- グラデーションの向きや色を変える、影・フチ・アニメーションを付ける。Change the gradient, or add shadows, outlines or animation.
- 伸縮・回転する、別の書体で「Family First Clinic」を組む。Stretch, rotate, or reset “Family First Clinic” in another typeface.
#96CCEE → #599DCE#F3B64C → #E28B20#9EC957 → #6FA238#D8EBF6 → #A8C7E0#37474F旧フラット版（500pxのPNG）は新しい制作物には使いません。外看板は次の改修まで現状のままです。
The old flat logo (500px PNGs) is not used for new work. The fascia sign stays as it is until the next renovation.
色ColourColour色
おおよそ paper と surface が7割、ink が2割、色が1割。青が行動を担い、オレンジと緑は差し色です。数値はライト／ダーク。
Roughly 70% paper and surface, 20% ink, 10% colour. Blue carries action; orange and green are seasoning. Values are light / dark.
primary#2A6B8C / #7DB8D8行動の色：塗りボタン、リンク、強調語。The action colour: solid buttons, links, emphasis.
sun#E9A12E / #E9A12E装飾専用。文字には sun-ink。Decorative only. Use sun-ink for text.
leaf#86B33F / #86B33F装飾専用。文字には leaf-ink。Decorative only. Use leaf-ink for text.
ink#2B3236 / #ECE8E1本文の文字。Body text.
paper#F5F2EC / #1B1F21ページの地色。Page background.
surface#FFFFFF / #2A3033カード・表の面。Cards and tables.
primary-soft#E4EEF4 / #23343Dタグ・囲みの淡い地。Tint behind tags and callouts.
ink-2#5B6469 / #B2B8BB補足・日付・キャプション。Secondary text, dates, captions.
sun-ink#8F5600 / #F2BE66読ませるオレンジ、フォーカスリング。Readable orange; focus ring.
leaf-ink#4C6E1B / #A9D46A読ませる緑。Readable green.
alert#C0473A / #F08A7D「重要」のみ。Only for 'Important'.
line#E3DDD3 / #3A4145細罫・区切り。Hairlines and dividers.
sun と leaf は明るい地の上で文字にすると読めません（2.2:1／2.5:1）。読ませる場合は sun-ink・leaf-ink を使います。上記の文字と地の組み合わせは、両テーマでWCAG AA（4.5:1）を満たします。
Sun and leaf fail as text on light grounds (2.2:1 / 2.5:1); use sun-ink and leaf-ink when orange or green must be read. Every text/ground pair above meets WCAG AA (4.5:1) in both themes.
書体TypeType書体
あいう アイウ 桶川 Aa 048
見出し・キャッチ・電話番号・氏名。丸みのある端がロゴと呼応します。段落には使いません。
Headings, catch copy, phone numbers, names. Its rounded terminals echo the logo. Never for paragraphs.
あいう アイウ 桶川 Aa 048
段落として読む文章すべて。15px・行送り1.9・字間0.04em。英語本文は字間0。
Everything read as paragraphs. 15px, 1.9 leading, 0.04em tracking. English body text uses 0 tracking.
catch34px / 1.8 · 700 | 健康な時からEven when you're well | トップのキャッチ（縦書き）Hero catch (vertical in Japanese) |
title24px / 1.5 · 700 | 首・肩・腰の痛みにFor neck and back pain | 特集・ポスターの見出しFeature and poster titles |
section21px / 1.5 · 700 | 診療時間Clinic hours | セクション見出しSection headings |
card-title17px / 1.5 · 700 | 内科Internal Medicine | 診療科名・カード見出しDepartment and card titles |
body15px / 1.9 · 400 | 体の内側からの不調を診断・治療します。We diagnose and treat illness inside the body. | 本文Body text |
caption12.5px / 1.8 · 400 | 2026/09/18 受付は終了30分前までReception closes 30 min before the end | 日付・注記Dates and notes |
形と3つの点のマークShape & the three-dot markShape形
ロゴの3人から生まれた3つの点（青・オレンジ・緑、10・8・7px）。すべてのセクション見出しの前に置き、ポスターの行頭記号やSNSの区切りにも使います。並びは必ず左から青・オレンジ・緑。
Three dots from the logo's three figures (blue, orange, green; 10, 8, 7px). They sit before every section heading and work as poster bullets or social dividers. Always blue, orange, green from the left.
- ボタンとタグは必ずピル型。Buttons and tags are always pills.
- カード・写真・イラストの角は14px。Cards, photos and illustrations use 14px corners.
- 表と罫線以外に角ばった要素はない。Nothing is sharp-cornered except tables and rules.
- 影はやわらかく1段だけ。Shadows are soft and never stacked.
- 動きはほぼ使わない。Almost no motion.
イラストIllustrationIllustrationイラスト
ブランドの画像はすべて水彩イラストに統一します（39点）。温かみのある生成りの紙に、水彩と色鉛筆のやわらかな線。色はブランドの青と空色が主役、オレンジと緑は少しだけ。写真よりもやわらかく、患者さんを不安にさせずに伝えられます。
All brand imagery is watercolour illustration (39 pieces): soft watercolour and coloured pencil on warm off-white paper, led by the brand blues with small touches of orange and green. Softer than photos, it explains without worrying patients.
使い方How to use
- ページ冒頭か説明文の横に1点。複数並べるのは手続きの流れを示すときだけ。One per section, at the top or beside the text. Show several only for step-by-step flows.
- 角は14px、枠線・影なし。paper の地にそのまま置く。14px corners, no border or shadow, placed straight on paper.
- 画像の上に文字を重ねない。写真と混ぜない。Never set text on the image. Never mix with photos.
- alt は日本語で簡潔に：「腕に予防接種を受ける様子」。Keep alt text short: “Vaccination in the arm”.
医療広告ガイドラインMedical advertising rules
- 症状のイラストとすこやかな肌の絵を並べて「治療後」に見せない。Never pair a symptom image with the healthy-skin image as a before/after.
- 「すこやかな肌」「母と赤ちゃん」は自費注射の効果を示すものとして使わない。Don't use “healthy skin” or “mother and baby” to imply results of paid injections.
- 帯状疱疹の発疹は帯状疱疹のページのみ。サムネイルに使わない。The shingles image is for the shingles page only, never a thumbnail.
- 外観（i04）は看板を改修したら描き直す。Redraw the exterior (i04) if the sign is replaced.
院内（8点）Clinic interior (8)
i01-waiting-room.webp
i02-reception-portrait.webp
i03-reception-tour.webp
i04-exterior.webp
i05-exam-room.webp
i06-treatment-room.webp
i07-iv-room.webp
i08-x-ray-room.webpトピック（31点）Topics (31)
01-doctor-explaining-at-a-desk.webp
02-health-check-report-sheet.webp
03-mother-and-baby.webp
04-woman-with-fever-and-mask.webp
05-woman-coughing.webp
06-woman-waiting-in-a-clinic.webp
07-online-consultation-on-a-smartphone.webp
08-shingles-rash-on-skin.webp
09-itchy-skin.webp
10-woman-with-flu-symptoms.webp
11-blood-test.webp
12-woman-feeling-nauseous.webp
13-vaccination-in-the-arm.webp
14-woman-with-chest-discomfort.webp
15-woman-with-lower-abdominal-pain.webp
16-woman-with-stomach-ache.webp
17-bandaged-finger.webp
18-booking-on-a-smartphone.webp
19-prescription-form.webp
20-woman-with-healthy-skin.webp
21-placenta-injection-vial-in-hand.webp
22-elderly-woman-with-back-pain.webp
23-injection-at-the-shoulder.webp
24-woman-with-knee-pain.webp
25-health-check-form.webp
26-health-check-document.webp
27-doctor-offering-a-heart.webp
28-doctor-pointing-at-a-document.webp
29-credit-card.webp
30-health-insurance-card.webp
31-laptop-and-smartphone.webpアイコンIconsIconsアイコン
48pxグリッドの線画、線幅2.2px、端と角は丸。主線は primary、差し色の1本だけ sun。96pxの paper の円の中に置きます。絵文字は使いません。
Line icons on a 48px grid, 2.2px stroke, round caps and joins. Main stroke in primary, one accent stroke in sun, set in a 96px paper disc. No emoji.
言葉づかいVoice & writingVoice言葉づかい
静かな午後に受付に立つ院長のように話します：急がず、やさしく、具体的に。読み終えた患者さんが、次に何をすればよいかはっきりわかる文章にします。
We sound like the doctor at the front desk on a quiet afternoon: unhurried, kind, specific. After reading, a patient should know exactly what to do next.
原則Principles
- まず、ふだんの言葉で。医学用語は必要なら添える。Plain words first. Add the medical term only if it helps.
- 押しつけず、招く。「まずご相談ください」。「今だけ」は使わない。Invite, don't push. “Ask us first.” No countdowns or “today only”.
- ほめ言葉より事実。何をしているか、誰がするかを書く。Facts over praise. Say what we do and who does it.
- 急ぎのことほど落ち着いて。何が変わるか → いつ → どうすればよいか。Calm about urgency. What changes → when → what to do.
例Examples
✓ どの科を受診すればよいか迷ったら、まずご相談ください。Not sure which department you need? Ask us first.
✓ 首・肩・腰などの慢性的な痛みにFor long-lasting neck, shoulder and back pain
✗ 地域No.1の総合クリニック！The No.1 clinic in town!
✗ もう痛みに悩まない！最新治療で即解決Never suffer again! Instant results!
表記ルールStyle rules
- です・ます。本文では「当院」、見出しと初出は「ファミリーファーストクリニック」。Polite です・ます in Japanese. In English, “we” for the clinic and “you” for the patient.
- 日付は一覧で 2026/09/18、文中で 9月18日（金）。時間は 9:00–12:30。Dates as 2026/09/18 in lists; “Friday, September 18” in sentences. Times as 9:00–12:30.
- 【】はお知らせの分類だけに。条件には ※。Use 【】 only for notice category prefixes; ※ for conditions.
- 絵文字と「！」は使わない（SNSのキャプションで1つまで可）。No emoji and no exclamation marks (one is fine in a casual social caption).
医療広告ガイドラインMedical advertising guidelines
ウェブ・Instagram・LINE・Google・チラシ・ポスターはすべて医療法上の広告です。
The website, Instagram, LINE, Google, flyers and posters all count as advertising under Japan's Medical Care Act.
- 比較・順位の表現をしない：「地域No.1」「日本一」。No comparisons or rankings: “No.1 in town”, “best in Japan”.
- 誇大な表現・保証をしない：「必ず治る」「痛みゼロ」。No exaggeration or guarantees: “guaranteed cure”, “zero pain”.
- 治療効果に関する体験談を載せない（口コミの転載も）。No patient testimonials about results, including reposted reviews.
- ビフォーアフターは、治療内容・費用・リスクを同じ場所に書く場合のみ。No before/after images unless treatment, cost and risks are stated alongside.
- 自由診療は、内容・標準的な費用・主なリスクと副作用を明記する。Self-pay treatments must state what they are, the standard fee, and the main risks and side effects.
迷ったら、主張を削って事実だけを書きます。この要約は実務用のチェックリストで、法的助言ではありません。
When in doubt, cut the claim and state the fact. This is a working checklist, not legal advice.
英語・二か国語表記English & bilingualBilingual二か国語
主言語は常に日本語。英語は、外国人住民の方が当院を見つけ、受診し、流れを理解するために必要な場所に添えます：ウェブの主要ページ、サイン、診察券、問診票、休診・予防接種・お会計のお知らせ。
Japanese is always primary. English is added where foreign residents need it to find us, get in and understand what happens: key web pages, signs, the patient card, the questionnaire, and notices about closures, vaccinations and payment.
書き方Writing
- クリニック名以外はセンテンスケース：“Book online”。Sentence case except the clinic name: “Book online”.
- 短い文、慣用句や略語は使わない。Short sentences, no idioms or abbreviations.
- 敬語のクッション言葉を直訳しない：「お気軽にご相談ください」→ “Ask us about anything.”Don't translate honorific padding literally: 「お気軽にご相談ください」 → “Ask us about anything.”
レイアウトLayout
- 日本語が先、英語は真下か右に。同じ行に混ぜない。Japanese first; English directly below or to the right, never mixed in one line.
- 英語は日本語の60〜70%の大きさ、色は ink-2。English at 60–70% of the Japanese size, in ink-2.
- 英語本文の字間は0。English body text uses 0 letter-spacing.
固定の訳語Fixed terms
| ファミリーファーストクリニック | Family First Clinic |
| 内科 / 外科 / 皮膚科 | Internal Medicine / Surgery / Dermatology |
| 健康診断 | Health Checkups |
| 予防接種 | Vaccinations |
| オンライン診療 | Online Consultations |
| ビタミン注射 / プラセンタ注射 | Vitamin Injections / Placenta Injections |
| 痛みを改善する治療 | Pain Treatment (trigger point injections) |
| ネット予約 | Book online |
| 初診 / 再診 | First visit / Return visit |
| 診察券 | Patient card |
| 保険証・マイナ保険証 | Health insurance card / My Number insurance card |
| 問診票 | Medical questionnaire |
| 受付 / 待合室 / お会計 | Reception / Waiting area / Payment |
| 診察室 / 処置室 | Consultation Room / Treatment Room |
| 休診 | Closed |
| 自費 / 保険診療 | Self-pay / Covered by insurance |
1-27-7 Asahi, Okegawa, Saitama 363-0023 · Tel. 048-777-3000 (+81-48-777-3000)
印刷物・サインPrint & signagePrint印刷
名刺Business card
- 91×55mm、横型。塗り足し3mm。91 × 55mm, landscape, 3mm bleed.
- 表：ロゴ、役職、氏名（丸ゴシック）、法人名・住所・電話。Front: logo, role, name in the rounded face, legal name, address, phone.
- 裏：英語版、または primary のベタに白抜きロゴ。Back: English version, or reverse logo on solid primary.
- 白か生成りの非塗工紙220kg以上。光沢・箔押しなし。Uncoated white or natural stock, 220kg+. No gloss or foil.
診察券Patient card
- 91×55mm、またはプラスチックは85.6×54mm。角丸約3mm。91 × 55mm, or 85.6 × 54mm in plastic. ~3mm rounded corners.
- アイコン＋名称、患者番号、お名前欄（30mm以上）、診療時間表、電話。Icon and name, patient number, name field (30mm+), hours grid, phone.
- 保険証を持参いただく旨を日英で。Reminder to bring the insurance card, in both languages.
サインSigns
- 室名札：白い板、日本語は丸ゴシック太字、その下に英語。Room plates: white plate, Japanese in bold rounded type, English below.
- 文字は5mで読める大文字高さ20mm以上。At least 20mm cap height, readable at 5m.
- ピクトグラムはJIS Z8210の標準図記号。Pictograms use the JIS Z8210 standard symbols.
- 入口の診療時間ボードは HoursTable と同じ形。The entrance hours board matches the HoursTable exactly.
発注前のチェックBefore ordering
- グラデーション版ロゴのSVGを使っている。Uses the gradient logo SVG.
- 校正の色が承認済みの配合と一致。Proofed colours match the approved recipe.
- 電話・診療時間・住所を当日ウェブと照合。Phone, hours and address checked against the website that day.
- 自費メニューに税込価格・リスク・副作用。Self-pay menus show tax-inclusive price, risks and side effects.
印刷する色は画面ではなく校正刷りで照合し、印刷会社と承認したCMYK配合をデザインシステムに記録します。
Match printed colours on a physical proof, not on screen, and record the CMYK recipe approved with the printer in the design system.
アクセシビリティAccessibilityAccessibilityアクセシビリティ
- 文字と地の組み合わせは両テーマで4.5:1以上。例外：ライトの alert on alert-soft（4.4:1）は19px太字以上のみ。Every text/ground pair meets 4.5:1 in both themes. Exception: alert on alert-soft in light (4.4:1) only at 19px bold or larger.
- 主要ボタンの高さは50px以上。Primary buttons are at least 50px tall.
- 状態を色だけで示さない：● 診療 / – 休診、「重要」は文字を併記。Never signal state by colour alone: ● open / – closed; “Important” carries the word.
- フォーカスリングは sun-ink の3px実線。Focus ring is a 3px solid sun-ink ring.
制作用のトークン・コンポーネント・素材は「ファミリーファーストクリニック」デザインシステムにあります。Tokens, components and source files for building live in the Family First Clinic design system.
SNS・院内掲示Social & noticesSocialSNS
投稿の構成Post anatomy
運用Running it