デザインガイドライン & トンマナ定義書

ECサイト・バナー・LP制作のためのAI指示用リファレンス

株式会社コペラス／印鑑ラボ | Last Updated: 2026-09-01 | Version 1.1

SCROLL

0. 本ドキュメントの使い方

このドキュメントは、印鑑ラボのECサイト制作物（商品ページ画像、バナー、LP、SNS素材など）を作成する際に、AIツールやデザイナーに渡すための「トンマナ定義書」です。

制作指示時には、本ドキュメントのURLまたはファイルを添付し、対象セクションを指定して使ってください。

想定する利用シーン

• AIツール（Claude、ChatGPT等）への制作指示プロンプトの参照資料
• 外注デザイナーへのブランドブリーフ
• 社内で制作物のクオリティを判断するチェックリスト

1. ブランド概要

1-1. ブランド名・屋号

1-2. ブランドコンセプト

キーワード

シンプル、スッキリ、見やすい、あんしん、上質、スムーズ

ブランド理念

日本で一番スムーズかつ安心できる印鑑販売店

ブランドの強み（3本の柱）

追加サービス: 電子印鑑サービス — オーダーメイド印鑑注文者にJPG/PNG形式の電子印鑑を無料提供

1. 控えめで誠実、確かな信頼感（ブランド全体・理念訴求）

• 「飾り立てない。ただ、確かな品質を。」
• 「お客様の『たいせつな瞬間』に、安心と信頼をお届けします。」
• 「10年先も、その先も。ずっと寄り添う安心の10年保証付き。」

2. 見た目より品質と適正価格で語る専門性（品質・製造訴求）

• 「国内自社工場で一貫製造。だからできる、嘘のない品質と価格。」
• 「一生モノのチタンから、温もりの定番素材まで。あなたに合う一本を。」
• 「シンプル、スッキリ、見やすい。本当に必要なものだけを、適正価格で。」

3. フットワークが軽くスマートな利便性（スピード・実用性訴求）

• 「急な『困った』もご相談ください。自社工場から最短翌日お届け。」
• 「手元には確かな印鑑を。データには無料の電子印鑑を。」
• 「今日のご注文で、明日には安心を。最短即日出荷で対応します。」

1-3. 取り扱い商品・素材

1-4. ターゲット顧客

急な「困った」にも、確かな一本を。シンプルで使いやすい印鑑を、最短翌日にお届けします。

印鑑が必要になるのは、人生の大切な節目や、急な手続きの時。だからこそ、私たちは「お客様に安心と信頼をお届けしたい」と考えています。

過度な装飾や複雑な選び方はなくし、本当に必要なものを適正価格で。見た目の派手さよりも、確かな品質と使いやすさにこだわった印鑑をお作りします。

2. メッセージング & ストーリー

2-1. コアメッセージ

「急ぎで買っても、一生物の品質。迷わず選べる、誠実な品質と適正価格。」

2-2. 訴求の優先順位

SPEC / 仕様 / 印象 の位置づけ

商品画像 = 仕様 30% + 印象 30% + 当店のこだわり 30% + SPEC 10%

2-3. ストーリーライン

1. 日本で一番スムーズかつ安心できる印鑑販売店

ブランドの原点となる理念。すべての訴求の出発点。

2. 確かな品質とスピードの両立（自社工場 × スピード配送）

高品質な印鑑を必要なときにすぐお届けするため、海外へは外注せず、製造から彫刻、出荷までを「国内自社工場で一貫対応」。品質を厳格に管理しながらも、午後までの注文確定で最短即日出荷を実現し、「最短翌日お届け」を可能にしている。

3. 多様なニーズに応える提案（厳選素材 × 電子印鑑サービス）

耐久性・重厚感がありスタイリッシュな「チタン」、温かみと高級感がある定番の「木材系」など、用途に合わせた素材を厳選。さらに、オーダーメイド印鑑のご注文者にはJPG/PNG形式の「電子印鑑」を無料提供し、デジタル環境でのニーズにもスマートに対応。

4. 長く続く信頼の約束（10年保証とパーソナリティ）

お届けして終わりではなく、印面の摩耗・歪み・欠けに無料で彫り直しを行う「安心の10年保証」をお約束。印鑑ラボは「清潔感のあるライフスタイルショップの店員」のように、控えめでありながらも、確かな技術とサービスでお客様の人生に長く寄り添う信頼のブランドであり続ける。

3. ビジュアルアイデンティティ

3-1. ロゴ一覧 & 使用規定

以下のロゴバリエーションを用途に応じて使い分ける。

A. メインロゴ（ブラック版）

「印」の円形シンボル +「印鑑ラボ」文字 +「INKAN LABO」英字。白背景の制作物に使用。

ファイル: inkanlabo_2a.jpg（2000x1998px）

B. メインロゴ（レッド版）

印鑑らしい赤（朱肉色）のシンボル。Amazonブランドストア、SNSアイコン等で使用。

ファイル: 印鑑らぼ_ひらがなバージョンのロゴ.jpg（1920x1006px）

D. Stampify ロゴ

Stampify by 印鑑ラボ。オンライン印鑑デザインツールのサブブランドロゴ。

ファイル: Stampify-by-inkanlabo.jpg（721x217px）

E. ネイビー背景 + 白抜きロゴ（推奨追加）

お礼カードやフォーマルな販促物では、ネイビー（#333F69）背景に白抜きのロゴを配置するパターンが有効。お礼カードの実績でもこの組み合わせが使われており、上質さと信頼感を表現できる。

ファイル: ネイビー背景_白抜きロゴ.png（1920x360px）

• 白抜きロゴのデータを作成し、アセットとして管理することを推奨
• 使用シーン: お礼カード、保証書、フォーマルなメールヘッダー、ブランドページのフッター

ロゴの使い分け早見表

ロゴ使用ルール

• 最小サイズ: シンボル単体で横幅30px以上、ロゴタイプで横幅120px以上
• 余白: シンボルの直径の50%以上の余白を周囲に確保
• 背景が白または淡色: ブラック版を使用
• 背景が濃色（ネイビー等）: レッド版または白抜きバージョンを使用
• 禁止事項: ロゴの変形・色変更・エフェクト追加・傾き・トリミングは禁止

3-2. カラーパレット

基本パレット（6色）

以下の6色を基本パレットとして使用する。

※ ネイビーは初期デザインコンセプト（#333F69）との一貫性を考慮し、旧#2B3A4Eから変更。

使用比率ゲージ（面積 = 推奨割合）

▲ ベースカラー 84%（左側） ｜ アクセント 16%（右側）

カラー別詳細

• 
  

  オフホワイト

  #F8F8F8
  50%
  背景、余白
  ページの「空気」。常に最大面積
• 
  

  ブラック

  #3A3633
  22%
  テキスト、見出し、ロゴ
  純黒 #000 は使わない。温かみのある黒
• 
  

  薄い焦げ茶

  #CAC4B8
  12%
  ボーダー、区切り、補助
  構造を作る色。主張しすぎない
• 
  

  黄土色

  #9E8647
  8%
  アクセント、CTA、価格
  「見てほしい場所」に使う唯一のメイン差し色
• 
  

  ネイビー

  #333F69
  5%
  お礼カード、フォーマル背景
  限定使用。通常の商品ページでは使わない
• 
  

  朱色（提案）

  #C03A2B
  3%
  ロゴ（赤版）、セール時のみ
  最も控えめに。セール以外では原則ロゴのみ

拡張カラー（初期デザインコンセプトより）

初期コンセプトで複数パレットに採用されていたカラーから、2色を拡張カラーとして規定。

• 
  

  ゴールド

  #DAB74F
  -
  黄土色のライト版
  ホバー、価格背景、バッジのアクセント
• 
  

  テラコッタ

  #DB8A51
  -
  温かみのあるアクセント
  秋冬キャンペーン・季節バナーに限定

配色ルール

• 背景は原則オフホワイト（#F8F8F8）または白（#FFFFFF）
• メインのテキストはブラック（#3A3633）。純黒（#000000）は使わない
• アクセントカラーは黄土色をベースに。レッドはセール時のみ最小限に
• カラーの組み合わせは最大3色まで（背景色除く）
• ネイビーはお礼カードやフォーマルな販促物に限定使用

イレギュラーカラー（EC注意喚起用）

ECサイト運営で必ず発生する「注意喚起」「緊急告知」「ポジティブ訴求」のために事前規定。これらは基本パレットの「例外」であり、使用条件を厳密に守ること。

• 
  

  アラートイエロー

  #F5A623
  -
  送料無料、ポイント倍率
  楽天・Yahooバナーのみ。テキストorバッジのみ
• 
  

  ソフトイエロー

  #E8D5B0
  -
  注意書き、補足情報
  唯一「背景全面」に使ってOKな例外色
• 
  

  安心グリーン

  #2D8C5E
  -
  10年保証、即日出荷
  ポジティブ訴求のバッジ・アイコンのみ
• 
  

  インフォブルー

  #3B7DD8
  -
  お知らせ、キャンペーン告知
  告知バナー、リンクテキストにも使用可
• 
  

  アラートレッド

  #C03A2B
  -
  残りわずか、セール終了間近
  基本パレットのレッドと兼用。常用禁止

イレギュラーカラーの使用原則

• 同一ページ内でイレギュラーカラーは最大2色まで
• 使用面積はページ全体の5%以内
• 背景全面に使うのはソフトイエロー（#E8D5B0）のみ
• テキストはブラック（#3A3633）を維持
• Amazonメイン画像では使用不可（サブ画像・A+のみ）

3-3. タイポグラフィ

書体ライセンス方針（2026-09-01）: 制作の正はOFLフォント（しっぽり明朝 / EB Garamond）とする。AI・自動生成パイプライン、サーバーレンダリング、外注への配布、リポジトリ同梱まで無制限に使えることを最優先。貂明朝（Adobe Fonts限定・自動生成に使用不可）は本日付で廃止。游明朝はフォールバックおよびWindows社内文書用として残す。

3-4. ブランドタッチポイント例

商品ラインナップ写真

Amazonブランドストア用ラインナップ写真

お礼カード

お礼カード — ネイビー背景 + レッド版ロゴ。「上質さ」を訴求するデザイン例

4. デザイン原則（DO / DON'T）

4-1. やること（DO）

• シンプルでスッキリしたレイアウト。余白をたっぷり取る
• 商品写真は大きく、高解像度で。素材の質感が伝わるように
• 情報の階層を明確に（見出し → 本文 → 補足）
• 事実ベースの訴求。「国内自社工場」「10年保証」「即日出荷」
• 参考サイト（SIRUSI、OSITERU、えしるす、ACTUS、KEYUKA）のトンマナを意識

4-2. やらないこと（DON'T）

• ハリボテ的な「こだわり」訴求。嘘の職人感、伝統感、歴史感を演出しない
• 過剰な装飾、グラデーション、ドロップシャドウ
• 情報の詰め込みすぎ（余白なし、小さい文字だらけ）
• レッドの乱用。セール時以外で赤を主張しない
• 「楽天っぽい」ゴテゴテしたバナーデザイン
• 「激安」「爆安」などの安売り表現

5. 制作物仕様（サイズ・解像度・構成）

5-1. Amazon 画像仕様

5-2. 楽天市場 画像仕様

5-3. Yahooショッピング 画像仕様

5-4. Shopify（自社EC） 画像仕様

5-5. SNS・その他

全チャネル共通ルール

• 解像度: Web用72dpi以上、印刷用300dpi
• 写真主体はJPEG、透過ロゴはPNG
• カラープロファイル: sRGB
• 容量: 可能な限り1MB以下に圧縮

6. 写真・画像のガイドライン

• 光の当て方: 自然光または柔らかいディフューズライト
• 背景: 白（メイン画像）、木目・布などの自然素材（イメージカット）
• アングル: 斜めからの撮影で立体感。印鑑の素材と彫りが見えるように
• ケース、電子印鑑カード、保証書などの付属品も一緒に撮影

7. コピーライティングガイド

7-1. トーン

• 丁寧だが威圧的でない。「です・ます」調
• 専門用語は避け、平易な言葉で
• 過剰な感嘆符、絵文字は使わない

7-2. NGワード

8. チャネル別の注意事項

8-1. Amazon

• メイン画像: 白背景必須、商品85%以上
• ブランドストア: ロゴ・ラインナップを活用

8-2. Rakuten

• ポイント訴求が重要だが「楽天っぽい」ゴテゴテ感は避ける

8-3. Yahoo Shopping

• 優良配送ラベル対応を意識

8-4. Shopify

• 最もブランドの世界観を表現できるチャネル。本トンマナを最も忠実に反映

8-5. Instagram

• 「知れば役に立つ／印鑑ラボ」コンセプトで教育系コンテンツを発信

9. 参考サイト & デザインリファレンス

9-1. 同業参考サイト

9-2. 異業種デザインリファレンス

10. AIプロンプトテンプレート

バナー制作時

商品コピー作成時

11. アセット一覧

12. 更新履歴

Confidential — 株式会社コペラス / 印鑑ラボ