IDENTITY GUIDELINE — 第4.6版IDENTITY GUIDELINE — v4.6

5garashi.com Design Office Identity

「5(ご)+がらし」=唐辛子。回路から画面、そして暮らしの支えまで——「設計のプロフェッショナル × デジタル便利屋」。本書は、ロゴ・色・モチーフ・音・和の意匠・アクセシビリティ・言葉づかいを通じて、5garashi.comのすべての創作物が醸成するオフィスアイデンティティを定める。 "5 (go) + garashi" = togarashi, the chili pepper. From circuits to screens to a helping hand in daily life — "design professionals × digital handymen". Through logo, color, motif, sound, Japanese aesthetics, accessibility, and voice, this document defines the office identity that every 5garashi.com creation cultivates.

2026.07.12 — © 2026 5garashi.com設計事務所 — CC BY-ND 4.0
第1条ART. 1

ブランドの考え方Brand Concept

Brand Conceptブランドの考え方

名前の由来は「5(ご)がらし = 唐辛子」。唐辛子がひと粒で料理の印象を変えるように、5garashi.com設計事務所は、手がけるものの大小を問わず、使う人の毎日を変える「効き目」を仕込む。基板の上の一回路にも、画面の中の一ツールにも、暮らしの中の一サポートにも。 The name is a pun: "5" is read "go" in Japanese, so 5garashi = togarashi, the chili pepper. Just as one chili transforms a whole dish, 5garashi.com Design Office puts a real, everyday kick into everything it makes, large or small — a circuit on a board, a tool on a screen, a helping hand in daily life.

1-1. 二本柱 — 深さと、近さ1-1. Two pillars — depth and nearness

この事務所は二つの柱で立つ。深く究める柱(設計のプロフェッショナル)と、近くに寄り添う柱(まちのデジタル便利屋)。深さと近さ、厳密さと親しみ——放っておけば離れていく二つの性質を、一つの屋根の下に保ち続けること。それがこのブランドの核である。作るものが回路でも、画面でも、紙でも、音でも、必ずこの二つを併せ持たせる。 Two pillars hold up this office: one that reaches deep (the design professional) and one that stays near (the neighborhood digital handyman). Depth and nearness, rigor and warmth — two qualities that drift apart when left alone, kept together under a single roof. That is the core of the brand. Whatever is made — a circuit, a screen, a page, a sound — it must carry both.

1-2. ブランドの人格(5語)1-2. Brand personality (five words)

ブランドの人格は次の5語で表す——マークの唐辛子と同じ、4本+1本である。The brand personality in five words — four plus one, just like the chilis of the mark:

ピリッとSharp(要点だけを鋭く)、 (only the essentials, delivered with a kick), まじめにRigorous(決めごとは文書にして守る)、 (every decision is written down and kept), あたたかくWarm(クリーム色の紙の上で、学ぶ人に寄り添う)、 (cream-paper backgrounds that sit gently beside the learner), だれにでもFor everyone(ユニバーサルデザインと日英二言語対応を標準装備する)、 (universal design and bilingual JA/EN support come as standard equipment), そして—— and — 調和Harmony(5つ目の唐辛子。先の4語が互いにぶつからぬよう横から貫き、どれか一つが突出せず、それぞれをバランスよく際立たせる)。 (the fifth chili: it crosses the other four so none collides and none dominates, setting each off in balance).

1-3. 和の心1-3. The spirit of Wa (Japanese tradition)

このブランドは日本の暮らしの中で仕事をする。よりどころは3つ。職人気質(細部まで正直に作る)、おもてなし(相手の道具と時間を敬う)、間(ま)(詰め込まず、効かせどころを絞り、余白に語らせる)。合わせて一言でいえば——「ルールは壁ではなく、手すりである。そして、進化させ続けるものである」。 This brand works within Japanese daily life, resting on three traditions: shokunin katagi — the artisan's honesty down to the smallest detail; omotenashi — respect for the other person's tools and time; and ma — restraint: concentrate the kick, and let the empty space do the talking. In a single phrase: "rules are handrails, not walls — and handrails are made to evolve."

合言葉:Motto:「回路にも、画面にも、暮らしにも——五本の唐辛子。」— 作るものはシンプルに、効き目は確かに、使い手は選ばない。 "Five chilis — on the board, on the screen, in daily life." — Work kept simple, the kick kept real, and no one designed out.
第2条ART. 2

シンボルマークSymbol Mark

Symbol Markシンボルマーク

シンボルマークは唐辛子のタリーマーク(画線法)。縦4本の唐辛子を、5本目の唐辛子が横に貫く。「1・2・3・4」と数えて、5本目で締める——「5(ご)がらし」の名をそのまま図にした印である。 The symbol mark is a tally of chili peppers: four upright chilis crossed by a fifth. Count one-two-three-four, then strike through with the fifth — the name "5garashi" drawn as a single mark.

洋の画線法は「縦4本+横1本」、和の「正」の字も5画——どちらも5つずつ、正しく数えるための形である。このマークは洋の数え方を形に借り、和の「正」(正しく数える・正直に作る)を心に持つ。 The Western tally is four strokes crossed by a fifth; the Japanese counting character 正 (sei) is likewise written in exactly five strokes — both are shapes for counting honestly, five at a time. This mark borrows its form from the Western tally and its spirit from 正: to count correctly and to build honestly.

2-1. 公認バージョン(2種のみ)2-1. Approved versions (two only)

A. シンプル版(基本)A. SIMPLE (PRIMARY) 単色ピクトグラム — Single-color pictogram — volt #B92613 固定 fixed すべての用途の基本形(第一選択)。表紙・ヘッダー・ファビコン・アプリアイコン・小サイズ・単色印刷・透かしに使う。
最小表示:高さ16pxまで可。
色は volt #B92613 のみ(白黒文書ではスミ1色を認める:3-6)。SVG原本を正とする。
The primary mark — first choice for all uses. Covers, headers, favicons, app icons, small sizes, one-color print, watermarks.
Minimum height: 16px.
Color is volt #B92613 only (single black allowed in monochrome documents: 3-6). The SVG master is authoritative.
B. オリジナル版(限定用途)B. ORIGINAL (LIMITED USE) オリジナル版シンボルマーク / Original symbol mark: woodcut-style illustration of five red chilis 木版画調イラストレーションWoodcut-style illustration 限定用途。記念印刷物・大判ポスター・特設ページなど、質感を見せたい特別な場面にのみ使う。
推奨最小表示:高さ96px(細部がつぶれるため)。
改変・再着色は不可。
Limited use. Reserved for special occasions where texture matters — commemorative print, large posters, feature pages.
Recommended minimum height: 96px (detail collapses below).
No alterations or recoloring.

2-2. 暗色地での反転(シンプル版のみ)2-2. Reversal on dark grounds (simple version only)

ink(深緑)などの暗色地では、シンプル版に限り #F9EFCB(paper)への白抜き反転を認める。オリジナル版の反転は不可。 On dark grounds such as ink (deep green), the simple version — and only the simple version — may be reversed to #F9EFCB (paper). The original version is never reversed.

ink地 × paper抜き(コントラスト比 6.7:1)paper on ink (contrast 6.7:1)

2-3. 使い分けの基準2-3. Which one to use

シンプル版を基本(第一選択)とする。デジタル・印刷を問わず、通常の制作物はすべてシンプル版を使う。オリジナル版は記念物や特別な印刷物に限る「晴れ着」であり、日常の「判子」はシンプル版である。同一画面に両方を並べない(役割が重複するため)。 The simple version is the default — the first choice for all regular work, digital or print. The original is formal wear, reserved for commemorative and special pieces; the simple version is the everyday seal. Never place both on the same screen — their roles would overlap.

アクセシビリティ:Accessibility: マークを単独で置く場合、alt属性は「5garashi.com設計事務所シンボルマーク」とする。装飾として置く場合は alt=""(空)+ aria-hidden="true" で読み上げ対象から外す。 When the mark stands alone, its alt text is "5garashi.com Design Office symbol mark". When decorative, use empty alt="" plus aria-hidden="true" so screen readers skip it.
SVG原本(公式アセット):SVG masters (official assets): シンボルマークとロゴタイプの原本はSVGファイルを正とする。ロゴタイプは日本語/英語、カラー/白黒の4系統を用意し、それぞれ編集用(文字保持)と配布・使用用(文字をパス化した*_outlined.svg)に分ける。本HTMLの公式見本は、4種類のアウトライン版を単一HTML内へ内蔵して共通参照している。第三者への提供、Web表示、印刷にはアウトライン版を用いる。 SVG files are authoritative for both symbol marks and logotypes. Logotypes are maintained in four variants — Japanese/English and color/monochrome — each split into an editing master with live text and a distribution/use master with text converted to paths (*_outlined.svg). Every official example in this HTML reuses the same four outlined assets embedded in the single file. Use outlined versions for third-party delivery, web display, and print.
第3条ART. 3

ロゴタイプLogotype

Logotypeロゴタイプ

3-1. 基本形(横組み・二重枠)3-1. Primary lockup (horizontal, double frame)

深緑の二重枠の中に、1行目「5garashi.com」、2行目「設計事務所」を組む。「5」だけを深緑のイタリック・セリフ体とし、唐辛子のヘタのような引っかかりを残す。残りの文字は茶色の太ゴシック。背景はクリームイエロー固定。 Inside a deep-green double frame: line one reads "5garashi.com", line two reads "設計事務所" (Design Office). Only the "5" is set in a deep-green italic serif, keeping a hook like a chili stem; all other characters are bold brown sans-serif. The background is always cream yellow.

基本形(推奨)Primary (recommended)

3-2. シンボルマークとの組み合わせ(ロックアップ)3-2. Mark + logotype lockup

マークとロゴタイプを並べる場合、マークはシンプル版を左に置き、間隔はマーク幅の1/2以上とる。下図は公式SVG同士を配置した寸法説明例であり、文字をCSSで再構成したものではない。 When pairing the mark with the logotype, place the simple mark on the left with a gap of at least half the mark's width. The diagram below places the official SVG assets together; the lettering is not reconstructed with CSS.

3-3. サイズ展開3-3. Size range

中(アプリヘッダー用)Medium (app headers)
最小(高さ32px以上)Minimum (32px height or more)

3-4. 縦組み(和文ロックアップ)3-4. Vertical lockup (Japanese)

縦長のスペースには、カタカナ表記「ゴガラシドットコム」を縦組みで使う。深緑を基本とし、複数を並べる場合は赤を1本までとしてよい。 For tall, narrow spaces, use the katakana form "ゴガラシドットコム" set vertically. Deep green is the default; when several are set side by side, at most one may be chili red.

ゴガラシドットコム
5GARASHI.COM
ゴガラシドットコム

3-5. クリアスペース(間・保護余白)3-5. Clear space (Ma)

ロゴ・マークの四方に、シンボルマークの縦の唐辛子1本分以上の余白を確保する。この領域に他の要素を置かない。この余白は和の「間(ま)」である——詰めれば、効き目が濁る。 Keep clear space on all four sides equal to at least one vertical chili of the symbol mark. Nothing else enters this zone. This margin is ma — the Japanese art of empty space; crowd it and the kick goes dull.

3-6. モノクロ(白黒)文書での展開3-6. Monochrome (black & white) documents

白黒印刷・FAX・モノクロ資料など色が使えない文書では、次の「スミ(黒)1色」版のみを使用する。(1) シンプル版マーク:スミ #1A1A1A(印刷ではK100%)。(2) ロゴタイプ:黒の二重枠+黒文字、背景は無地(白または紙色)。(3) グレー階調・網点は使わない(小サイズでにじむため)。(4) オリジナル版は白黒文書では使わない(グレースケール化は不可)。 For documents that cannot carry color — black-and-white print, fax, monochrome handouts — use only the following single-black versions. (1) Simple mark: black #1A1A1A (K100% in print). (2) Logotype: black double frame and black characters on a plain white or paper ground. (3) No gray tints or halftones — they blur at small sizes. (4) The original version is never used in monochrome documents (no grayscale conversion).

シンプル版:スミ1色Simple mark: single black
ロゴタイプ:黒枠+黒文字+無地Logotype: black frame, black type, plain ground
第4条ART. 4

カラーパレットColor Palette

Color Paletteカラーパレット

色はすべてロゴから採る。名称・変数名は既存プロダクトのCSSと共通で、変更・追加は本書の改版による。配分のめやすは「紙7:緑2:赤1」。赤は唐辛子と同じく、効かせどころにだけ使う。各色には近似する日本の伝統色名(和名)を添える——正はHEX値とし、和名は色の心を伝えるめやすである。 Every color comes from the logo. Names and CSS variables are shared with existing products; changes require a revision of this document. The working ratio is paper 7 : green 2 : red 1 — like the chili itself, red goes only where the kick belongs. Each color also carries the closest traditional Japanese color name — the hex value is authoritative; the name carries the color's spirit.

地bg
paper#F9EFCB画面の地色・紙Page background
頭hd
head#FFE699ロゴ背景・ヘッダーLogo bg / headers
主main
ink#385723本文・枠線・主要ボタンBody text / frames / buttons
補sub
steel#7B4A21補助テキスト・注記Secondary text
辛hot
volt#B92613シンボルマーク・アクセントSymbol mark / accent
深辛deep
volt-deep#8C1B0D強調数値・警告Key figures / warnings
字txt
cream#FFF3D6濃色(volt/ink)上の文字Text on dark grounds
札card
card#FFFDF2カード面Card surfaces
線line
line#DFCF9A罫線・区切りRules / dividers
良ok
ok#3E6B2A完了・チェックDone / checks

4-1. 配分のめやす4-1. Working ratio

紙(paper/head/card)70%Paper family 70%緑(ink)20%Green (ink) 20%赤(volt)10%Red (volt) 10%
文字色の組み合わせはすべてコントラスト検証済み。All text/background pairs are contrast-verified. 実測値は第7条の対照表を正とする。新しい組み合わせを使う場合は、比4.5:1以上を確認してから採用する。 The measured table in Art. 7 is authoritative. Verify any new pair reaches at least 4.5:1 before use. また、line(香色)は装飾・区切り専用とし、構造の理解に不可欠な境界線には ink を用いる(非テキストコントラスト3:1以上)。コード表示ブロックの配色(#33421F ほか)はコード可読性のための機能色であり、本パレットの対象外と特記する。 The line color is for decoration and dividers only; boundaries essential to understanding structure use ink (non-text contrast of 3:1 or better). The code-block colors (#33421F etc.) are functional colors for code legibility and are expressly outside this palette.
第5条ART. 5

モチーフの展開Motif System

Motif Systemモチーフの展開

シンプル版マークの「縦の唐辛子1本」を最小単位(1辛)として、メーターや装飾に展開できる。展開時も色は volt / line の2色に限る。 The single vertical chili from the simple mark is the smallest unit ("one heat"), reusable in meters and ornament. Even then, only two colors are allowed: volt and line.

3/5
辛さ(難易度)メーター:塗りだけに頼らず、必ず「3/5」の数値を併記する(第7条)Heat (difficulty) meter: never rely on fill alone — always pair with the "3/5" figure (Art. 7)
重要ポイントKey point
見出しマーカー:シンプル版を小さく添えるHeading marker: a small simple mark beside the text
区切り線(ディバイダー):横倒し3本まで可Divider: up to three chilis laid sideways
禁じ手:Forbidden: 唐辛子を緑・青などに塗り替えること、タリーを6本以上に増やすこと、ロゴタイプの枠内に入れることは不可。 recoloring chilis green or blue, extending the tally to six or more, or placing chilis inside the logotype frame.
第6条ART. 6

タイポグラフィTypography

Typographyタイポグラフィ

和文は太ゴシックを基調とし、数値・答え・コードは等幅で「読み上げても間違えない」表示にする。 Japanese text is set in bold sans-serif (gothic) faces; figures, answers, and code use monospace so that what you see matches exactly what is read aloud.

見出し・ロゴHEADINGS / LOGO
Hiragino Kaku Gothic / Noto Sans JP — W8 (800)
letter-spacing .03〜.06em。ロゴの「5」のみ Georgia Italic。Letter-spacing .03–.06em. Only the logo "5" is Georgia Italic.
本文BODY
同ファミリー W6(600)、行間1.65〜1.75。本文は14px以上、問題文は17pxを標準とする。Same family, W6 (600), line-height 1.65–1.75. Body 14px minimum; quiz questions default to 17px.
数値・答えFIGURES
10分min / 6m / 50kW
ui-monospace系・W8・volt-deep。単位まで含めて1かたまりで表示。ui-monospace, W8, volt-deep. Value and unit always shown as one block.
注記・ラベルCAPTIONS
steel色 W7、letter-spacing .06em。本文と意味を持つ注記は12px以上。装飾的ラベルのみ11pxまで許可。ロゴ内部の文字は本規定の対象外(ロゴは第3条による)。Steel, W7, letter-spacing .06em. Body text and meaningful notes: 12px minimum; decorative labels only may go down to 11px. Characters inside the logo are exempt (governed by Art. 3).
ユニバーサル:Universal: 文字サイズはpx固定でもブラウザ拡大(200%)で崩れないレイアウトにする。斜体の多用・長文の全角英数字は読みにくいため避ける。 Layouts must survive 200% browser zoom without breaking. Avoid heavy italics and long runs of full-width Latin characters — both harm readability.
第7条ART. 7

ユニバーサルデザインUniversal Design

Universal Design / Accessibilityユニバーサルデザイン

5garashi.comの道具は、特定の感覚や操作方法だけに依存せず、視覚・聴覚・キーボード・ポインターなど複数の方法で情報と機能を利用できることをめざす。基準は対象で分ける——Web UIはWCAG 2.2 レベルAA、電子文書・非WebソフトはWCAG2ICTを参考、紙面・音・ハードウェアは本書独自のチェック項目による。以下の7項目を全制作物の出荷チェックリストとする。 5garashi.com tools aim never to depend on a single sense or input method: information and functions should be reachable by sight, hearing, keyboard, and pointer alike. Standards are scoped to the target — WCAG 2.2 Level AA for web UIs, WCAG2ICT as guidance for electronic documents and non-web software, and this document's own checklist for print, sound, and hardware. The seven items below are the shipping checklist for all work.

7-1. コントラスト対照表(実測値)7-1. Contrast table (measured)

公式パレットの文字色×背景色は、次の組み合わせのみ使用を認める。すべてAA(4.5:1)以上、本文の基本組はAAA(7:1)以上。 Only the following text/background pairs are approved. All reach AA (4.5:1) or better; the default body pair reaches AAA (7:1).

文字色 × 背景色Text × background用途Use比Ratio判定Grade
Aink × paper本文の基本組Default body text7.14:1AAA
Asteel × cardカード上の注記Notes on cards7.24:1AAA
Avolt-deep × paper強調数値・答えKey figures / answers8.01:1AAA
Aink × headヘッダー見出しHeader titles6.66:1AA
Asteel × paper補助テキストSecondary text6.41:1AA
Ahead × ink主要ボタンPrimary buttons6.66:1AA
A#FFF3D6 × volt-deep警告バッジWarning badges8.36:1AAA
A#FFF3D6 × voltバッジ・番号札Badges / number tags5.69:1AA
Avolt × paperアクセント文字(太字のみ)Accent text (bold only)5.44:1AA

7-2. 色だけに意味をもたせない7-2. Never let color carry meaning alone

ブランドの主役2色(volt赤・ink緑)は、赤緑の色覚多様性(P型・D型)では区別しにくい組み合わせである。そのため「赤=NG/緑=OK」のような色の対比だけで意味を伝えることを禁止し、必ず形・記号・文字を併用する。 The brand's two lead colors — volt red and ink green — are hard to tell apart under red-green color vision deficiency (protan/deutan). Meaning conveyed only by that contrast ("red = bad / green = good") is therefore prohibited; always add a shape, symbol, or label.

覚えた!Got it! ヤバイ!Tricky! 色+記号+ラベルの三重化(既存プレーヤーの「覚えた/ヤバイ」方式を標準とする)Triple coding — color + symbol + label (the player's "Got it / Tricky" pattern is the standard)

7-3. 操作の3原則7-3. Three rules of interaction

(1) 押しやすく:(1) Easy to press:ボタン・チェックボックスのタップ領域は44×44px以上。 tap targets for buttons and checkboxes are 44×44px or larger. (2) キーボードだけで:(2) Keyboard-complete:すべての機能をキーボードだけで操作できるようにする。ショートカットを設ける場合は無効化・変更を可能にし、入力欄との競合を避ける。フォーカスは太い赤枠(:focus-visible)で可視化する。 every function is operable from the keyboard alone; when shortcuts exist they can be disabled or remapped and never conflict with text fields. Focus is shown with a thick red ring (:focus-visible). (3) 急かさない:(3) No rushing:時間制限を設けない。読み上げの「間」と速度は使う人が選べるようにする。 no time limits; speech pauses and speed are always the user's choice.

7-4. 耳と目の両輪7-4. Ears and eyes together

聞き流しプレーヤーが音声で伝える内容は、必ず画面にも同じ内容を表示する(音だけ・見た目だけの情報を作らない)。画像にはaltを書き、装飾はaria-hiddenで読み上げから外す。 Whatever the audio player speaks, the screen also shows — never audio-only or visual-only information. Images carry alt text; decoration is removed from the reading order with aria-hidden.

7-5. 動きへの配慮7-5. Motion care

アニメーションは0.3秒以内の状態変化のみとし、点滅・自動スクロールは使わない。prefers-reduced-motion が指定された環境では動きを止める(本書自体も対応済み)。 Animation is limited to state changes of 0.3s or less; no blinking, no auto-scroll. When prefers-reduced-motion is set, motion stops (this document complies).

7-6. 文章のわかりやすさ7-6. Plain writing

1文1義・番号つき・単位明記(第8条)。専門用語には初出時に読みか短い説明を添える。 One meaning per sentence, numbered rules, units always stated (Art. 8). Technical terms get a reading or a short gloss at first use.

7-7. 出荷前チェック7-7. Pre-release check

新しい道具を公開する前に、(a) 拡大200%で横スクロールが出ない、(b) マウスなしで全操作できる、(c) グレースケール表示でも意味が取れる、の3点を確認する。 Before release, confirm: (a) no horizontal scroll at 200% zoom, (b) full operation without a mouse, (c) meaning survives in grayscale.

第8条ART. 8

言葉づかいTone of Voice

Tone of Voice言葉づかい

文章は、読む人が判断し、行動するための設計である。5garashi.comの言葉は、第1条の5語を基準に、結論・根拠・配慮・明確さ・余白を整える。丁寧さは用途に合わせても、事実・判断・提案・依頼を混ぜず、誰が何をするかを明確にする。 Writing is design for helping the reader decide and act. The 5garashi.com voice applies the five words of Art. 1 to conclusion, evidence, care, clarity, and space. Formality may change with the context, but facts, judgments, proposals, and requests remain distinct, and responsibility stays clear.

8-1. 声の性格(5語の話し方)8-1. The voice — how the five words speak

ピリッとSharp——結論、依頼、次の行動を先に置き、同じ要点を繰り返さない。 — lead with the conclusion, request, or next action, and do not repeat the same point.
まじめにRigorous——事実・判断・提案を分け、根拠、条件、例外を必要な範囲で示す。 — separate fact, judgment, and proposal; state the necessary evidence, conditions, and exceptions.
あたたかくWarm——相手の知識と時間を尊重し、専門用語には初出時に読みか短い説明を添える。責める言い方をしない。 — respect the reader's knowledge and time; give each technical term a reading or short explanation at first use, without blame.
だれにでもFor everyone——単位・日付・版番号・読みを省略せず、略語は初出時に展開する。 — do not omit units, dates, version numbers, or readings; expand abbreviations at first use.
調和Harmony——重要度の順に整理し、見出しと余白で読ませる。過剰な装飾、反復、締めの定型句に頼らない。 — organize by importance and let headings and space carry the structure; avoid excess decoration, repetition, and stock closing phrases.

8-2. 構成と順序8-2. Structure and order

(1) 結論または相手に求める行動を先に書く。
(2) 1段落1主題とし、手順・要件・確認事項は番号を付け、1項目につき一つの行動または判断を書く。
(3) 操作説明・仕様書・規定文は、必要に応じて「規則→理由→例」の順で書く。紹介文・読み物はこの限りではない。
(4) 誰が、何を、どの条件で、いつまでに行うかを、必要な範囲で明記する。
(5) 確定事項、推定、仮定、未確認事項を区別する。
(1) Put the conclusion or requested action first.
(2) Keep one topic per paragraph. Number procedures, requirements, and checks, with one action or decision per item.
(3) For instructions, specifications, and rules, use rule, reason, then example when needed. Introductions and essays are exempt.
(4) State who does what, under which conditions, and by when, to the extent required.
(5) Distinguish confirmed facts, estimates, assumptions, and open items.

8-3. 断定と責任8-3. Certainty and responsibility

書く:Do write: 主語、判断主体、根拠、条件を具体的に書く。不確かな場合は「未確認」「推定」「可能性がある」のように、不確かさの種類を明示する。 name the actor, decision maker, evidence, and conditions. When something is uncertain, identify the kind of uncertainty, such as unverified, estimated, or possible.
書かない:Don't write: あいまいな修飾(「なるべく」「いい感じに」)、締めの飾り言葉としての「以上」、責任のぼやける受け身(「〜とされています」)。 vague qualifiers ("if possible", "nicely"), ceremonial sign-offs such as "End", or passives that blur who decided ("it is said that...").

出典を示す受け身:Source-based passive voice: 法令・規格・外部資料の内容を示す場合は、主体または出典を明記する。例:「JIS X XXXXでは、○○を要求している」。出典を示さず「必要とされています」とだけ書かない。 When describing a law, standard, or external source, identify the authority or source. Example: "JIS X XXXX requires ..." Do not write only "it is required" without attribution.

8-4. 絵文字と装飾8-4. Emoji and decoration

README、仕様書、設計書、試験報告書、手順書その他の技術文書では、ユーザーから明示的な依頼がない限り、絵文字を使わない。状態や注意は、見出し、文章、記号、ラベル(例: OK、注意、エラー)で表す。明示的な依頼により絵文字を使う場合も、絵文字だけに意味を持たせず、読み上げと文字化けを考慮して最小限にする。 In READMEs, specifications, design documents, test reports, procedures, and other technical documents, do not use emoji unless the user explicitly requests them. Express status and cautions with headings, words, symbols, and labels (for example, OK, Caution, Error). Even when explicitly requested, keep emoji to a minimum, never make them the sole carrier of meaning, and consider screen readers and character compatibility.

8-5. ファイル名・タイトル・説明文8-5. Filenames, titles, and descriptions

ファイル名、文書タイトル、説明文では、原則として「完全版」「最終版」「最終整理」を使わない。文書は更新されるため、完成を自己宣言する表現は、履歴と比較対象を曖昧にする。代わりに、版番号、更新日、対象範囲、用途、反映内容を客観的に示す。 As a rule, do not use labels equivalent to "complete edition", "final version", or "final consolidation" in filenames, document titles, or descriptions. Documents continue to evolve, and self-declared completion makes history and comparison ambiguous. Use objective identifiers instead: version number, update date, scope, purpose, and incorporated changes.

命名例:Naming examples:
不可: 製品仕様書_最終版_完全版.docx
推奨: 製品仕様書_v1_3_20260711.docx
不可: 試験結果_最終整理
推奨: 試験結果_EMC項目反映_20260711
「最終更新 / Last updated」は更新日時を示す欄名であり、文書の完成を示す表現ではないため使用できる。
Avoid: product_spec_final_complete.docx
Prefer: product_spec_v1_3_20260711.docx
Avoid: test_results_final_consolidation
Prefer: test_results_EMC_updates_20260711
"Last updated" is allowed because it labels the update timestamp; it does not claim that the document is complete.

8-6. 二言語表記8-6. Bilingual naming

公式表記:Official form: 「5garashi.com設計事務所 / 5garashi.com Design Office」。ファイルヘッダー・ライセンス表記では常にこの併記形を使う。日英の文章は逐語訳に固執せず、結論、責任主体、条件、禁止事項が同じになるようにする。公式サイトは https://www.5garashi.com。 "5garashi.com設計事務所 / 5garashi.com Design Office". File headers and license notices always use this paired form. Japanese and English need not be word-for-word, but they must preserve the same conclusion, responsible party, conditions, and prohibitions. Official site: https://www.5garashi.com.
第9条ART. 9

アプリケーション(使用例)Applications

Applicationsアプリケーション

適用対象はWebアプリや学習ツールのUIにとどまらない。回路図の表題欄、組み込み機器のドキュメント、見積書・サポート報告書、README——二本柱のすべての制作物に、同じロゴ・色・署名を通す。 Application is not limited to web-app and learning-tool UIs. Schematic title blocks, embedded-device documentation, quotations and support reports, READMEs — every deliverable of both pillars carries the same logo, colors, and signature.

9-1. アプリのヘッダー9-1. App header

ヘッダーは head色の帯+下辺に ink 3pxの太罫。左にロゴ最小形、右にシンプル版マークを置く。 Headers are a head-colored band with a 3px ink rule beneath; minimum logotype at left, simple mark at right.

聞き流し暗記プレーヤーListen-and-Learn Player 電験三種 法規+電力 14セット内蔵14 built-in sets for the Electrical Engineer exam
問12Q12

電路の絶縁耐力試験。試験電圧を、連続して、何分間加える。Dielectric strength test: for how many continuous minutes is the test voltage applied?

※ 表示例(モックアップ)であり操作はできない。Non-interactive mockup for display only.

9-2. ファビコン・アプリアイコン9-2. Favicon / app icon

シンプル版SVGをそのままファビコンにする(本書のタブアイコンが実例)。角丸背景を敷く場合は head色とする。 The simple SVG serves directly as the favicon (this document's tab icon is a live example). If a rounded background is needed, use the head color.

9-3. ファイルヘッダー(コード署名)9-3. File header (code signature)

<!--
  ファイル名 / File: example_tool_v1.html
  概要 / Description: ツールの一行説明One-line description of the tool
  作成者 / Author: 5garashi.com設計事務所 / 5garashi.com Design Office
  作成日 / Date: YYYY-MM-DD
  ライセンス / License: MIT
  SPDX-License-Identifier: MIT
-->

9-4. CSSトークン(コピーして使用)9-4. CSS tokens (copy and use)

/* 5garashi.com設計事務所 公式パレット / official palette
   この断片はMITで提供 / This snippet: MIT (SPDX: MIT) */
:root{
  --paper:#F9EFCB;  --head:#FFE699;
  --ink:#385723;    --steel:#7B4A21;
  --volt:#B92613;   --volt-deep:#8C1B0D;
  --card:#FFFDF2;   --line:#DFCF9A;  --ok:#3E6B2A;
  --cream:#FFF3D6;
}
/* ユニバーサルデザイン標準装備 / universal design as standard */
:focus-visible{ outline:3px solid var(--volt); outline-offset:3px; }
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{ animation:none !important; transition:none !important; }
}

9-5. README・報告書の署名9-5. README and report signature

README・報告書・見積書などの文書は、本文末尾に次の署名を必ず置く。ファイル名・タイトル・説明文の命名は第8条8-5に従い、版番号と更新日を用いて管理する。 Every README, report, or quotation ends with the signature below. Follow Art. 8-5 for filenames, titles, and descriptions, and manage revisions with a version number and update date.

---

**作成者 / Author**: 5garashi.com設計事務所 / 5garashi.com Design Office
**最終更新 / Last updated**: YYYY-MM-DD JST
第10条ART. 10

禁止事項Don'ts

Don'ts禁止事項

以下を禁止する。ただし、本書内で使用方法を比較・説明するために掲載する例(禁止例の図示、公認2種の対比掲載など)はこの限りではない。The following are prohibited — except for examples shown in this document to compare or explain usage (illustrations of the don'ts themselves, the side-by-side of the two approved marks, and so on).

シンプル版を volt #B92613 以外の色にしない(例外は2つのみ:暗色地の paper 白抜き、白黒文書のスミ1色 3-6)Never recolor the simple mark — volt #B92613 only (two exceptions: paper reversal on dark grounds; single black in monochrome documents, 3-6)
マーク・ロゴを変形(引き伸ばし・傾け)しないNever distort the mark or logotype (stretching, skewing)
タリーを6本以上に増やさない(「5」でなくなるため)Never extend the tally to six or more — it would no longer read "5"
ロゴタイプの背景を白や他色に変えない(クリームイエロー固定)Never change the logotype background — cream yellow is fixed
影・縁取り・グラデーションを足さないNever add drop shadows, outlines, or gradients
色だけの区別Color-only coding 赤と緑の色差だけで意味を伝えない(必ず記号・文字を併用:第7条)Never convey meaning by red/green difference alone — always add symbols or labels (Art. 7)
第11条ART. 11

サウンドアイデンティティSound Identity

Sound Identity — 五辛子のテーマサウンドアイデンティティ

ブランドの音は「五辛子(ごがらし)のテーマ」。デザインと同じ設計思想を音に翻訳する:シンボルマークが「5を数えるタリー」であるように、テーマ曲は5拍子(5/4)×五音音階(ペンタトニック)で組み立てる。各小節の1〜4拍で数え、5拍目に「横切る5本目の唐辛子」= 低音マリンバ(バスマリンバ)のまろやかな木の音がベースのように土台へ沈み込み、次の小節へふわりと長い余韻を残す。金属的な倍音は使わない。辛味は舌を刺すのではなく、あとから温かく効いてくる。これは和の五行(木・火・土・金・水)にも倣う選択である——「金」の音を捨て、「木」の音を選ぶ。5拍子・五音音階・五行、「5」を三重に守る。 The brand's sound is "Theme of the Five Chilis" (Gogarashi no Theme) — the design philosophy translated into music. Just as the symbol mark tallies to five, the theme is built on a 5/4 meter and a five-note pentatonic scale. Beats one through four count upward; beat five is the crossing chili — a warm, low bass-marimba tone that settles into the foundation like a bass note, its long, mellow resonance carrying gently into the next measure. No metallic partials are used; the heat does not sting — it warms afterward. The choice also bows to the five elements of East Asian tradition (wood, fire, earth, metal, water): the sound of metal is set aside for the sound of wood. Five beats, five notes, five elements — the rule of five, kept three ways.

5 4 ♯ DF♯ABA +D3 1234 5
主旋律・冒頭の1小節(5/4)。5拍目の赤い音符が低音マリンバ——点線は余韻。 Opening measure of the melody (5/4). The red note on beat 5 is the bass marimba; the dotted line is its resonance.
拍子METER
5/4
5本の唐辛子=5拍。5拍目にアクセント。Five chilis = five beats; the accent lands on beat five.
音階SCALE
Dメジャー・ペンタトニックD major pentatonic
五音音階(D・E・F#・A・B)。「5」をここでも守る。Five notes only (D, E, F#, A, B) — the "5" rule again.
テンポTEMPO
96 BPM
歩く速さ。学びに寄り添う「急かさない」テンポ(第7条)。Walking pace — the unhurried tempo of Art. 7.
音色の配役VOICES
3色=3声3 colors = 3 voices
紙=やわらかな持続音(パッド)、緑=低音の土台(ベース)、赤=5拍目の低音マリンバ。金属的な高次倍音を持たない丸い低音(D3・B3・A3)で、その小節の根音に溶けながら約1.3秒の余韻を引く。Paper = soft sustained pad, green = low bass foundation, red = the beat-five bass marimba: a rounded low tone (D3, B3, A3) with no metallic overtones, melting into each measure's root with a resonance of about 1.3 seconds.
運用ルール:Usage rules: (1) 起動音・紹介動画・デモのBGMに使う。学習中の自動再生はしない(読み上げの邪魔になるため)。(2) 音には必ず再生を止める手段(一時停止または停止)を添え、音量は使う人が選ぶ。(3) 音だけに意味をもたせない(第7条の音版)。(4) 原本の役割を分ける——制作・保存原本=WAV(5garashi_theme.wav)、配信用=MP3(5garashi_theme.mp3)、編集・再演奏用の楽譜データ=MIDI(5garashi_theme.mid、どのDAW・楽譜ソフトでも開ける)。改変版は本書の改版で公認する。 (1) Use for launch sounds, intro videos, and demo BGM — never auto-play during study sessions (it would fight the speech). (2) Sound always ships with a way to halt playback (pause or stop), volume chosen by the user. (3) Sound never carries meaning alone (the audio counterpart of Art. 7). (4) Roles are separated: production/archival master = WAV (5garashi_theme.wav), distribution = MP3 (5garashi_theme.mp3), editable score data = MIDI (5garashi_theme.mid, openable in any DAW or notation software). Variants require a revision of this document.
第12条ART. 12

ライセンスLicense

Licenseライセンス

本Identityガイドラインの文章、構成、図版、シンボルマーク、ロゴタイプ、楽譜および音源は、特記のない限り、Creative Commons Attribution-NoDerivatives 4.0 International License(CC BY-ND 4.0)の下で提供される。
Copyright © 2026 5garashi.com設計事務所 / 5garashi.com Design Office
Unless otherwise noted, the text, structure, figures, symbol marks, logotypes, score, and audio of this Identity Guideline are provided under the Creative Commons Attribution-NoDerivatives 4.0 International License (CC BY-ND 4.0).
Copyright © 2026 5garashi.com設計事務所 / 5garashi.com Design Office

12-1. 特記(例外)12-1. Exceptions

(1) 第9条のコピー用コード断片(CSSトークン・ファイルヘッダー例・署名テンプレート)はMIT Licenseで提供する。(2) 5garashi.comが公開する各プロダクトのソースコードのライセンスは、本書ではなく各ファイルのヘッダー表記(原則MIT)に従う。 (1) The copy-ready code snippets in Art. 9 (CSS tokens, file-header example, signature template) are provided under the MIT License. (2) Source code of individual 5garashi.com products is governed by each file's own header (MIT as a rule), not by this document.

12-2. 誤認の防止12-2. No implied endorsement

CC BY-ND 4.0の許諾範囲内であっても、5garashi.comの名称・シンボルマーク・ロゴタイプを、公式の提供物・承認・提携であると誤認させる形で使用することはできない。名称およびロゴに関する権利は留保する。 Even within the scope of CC BY-ND 4.0, the 5garashi.com name, symbol mark, and logotype may not be used in ways that imply official origin, endorsement, or affiliation. All rights in the name and logos are reserved.

12-3. 配布パッケージ構成12-3. Distribution package

本書(単一HTML)は閲覧用で、オリジナル版PNG、テーマ曲MP3、および日英・カラー/白黒のアウトラインロゴ4種類を内蔵する。編集・運用には次の外部アセット版パッケージを用いる。 This single-file HTML is the viewing edition; it embeds the original PNG mark, the theme MP3, and four outlined logotypes (JA/EN × color/monochrome). For editing and operations, use the external-asset package below.

5garashi_identity_v4_6.html
assets/
  5garashi_mark_simple.svg
  5garashi_mark_simple_reversed.svg
  5garashi_mark_simple_black.svg
  5garashi_stroke1.svg

  5garashi_logotype.svg                 # 日本語カラー・編集用 / JA color editing
  5garashi_logotype_outlined.svg        # 日本語カラー・使用用 / JA color outlined
  5garashi_logotype_bw.svg              # 日本語白黒・編集用 / JA B&W editing
  5garashi_logotype_bw_outlined.svg     # 日本語白黒・使用用 / JA B&W outlined

  5garashi_logotype_en.svg              # 英語カラー・編集用 / EN color editing
  5garashi_logotype_en_outlined.svg     # 英語カラー・使用用 / EN color outlined
  5garashi_logotype_en_bw.svg           # 英語白黒・編集用 / EN B&W editing
  5garashi_logotype_en_bw_outlined.svg  # 英語白黒・使用用 / EN B&W outlined

  5garashi_theme.wav                    # 制作・保存原本 / archival master
  5garashi_theme.mp3                    # 配信用 / distribution
  5garashi_theme.mid                    # 編集用楽譜データ / editable score