claude artifacts ブランドブックとは｜URL1本で更新できる社内標準
ブランドブックは、ブランドの見た目と語り口を一冊に束ねた社内標準です。中身は5章に整理されます。第1章はブランドの意義と語り口の方向です。第2章は基本の色です。第3章は書体、第4章はロゴの使い方に続きます。第5章は写真やイラストの見せ方の目安です。多くの現場ではPDFやKeynoteで束ねてきました。更新のたびに差し替え版を配る運用が続きます。
Claude Artifactsで作ると、成果物がひとつの生きたページになります。公開URLを発行すれば社外の代理店にも同じURLで共有できます。中身を直したときは同じURLの内容が置き換わります。開いたままの相手のブラウザにも変更が届きます。ここが静的なPDFとの分かれ目です。
ブランドブックの5要素とArtifactsの相性
色・書体・ロゴ・トーン・ビジュアルは、動きのある形で見せるほど伝わり方が変わります。色は16進コードだけでなく実際の面積比で見せる方が誤解が減ります。書体は組見本を並べる方が判断できます。文字の量と行間で比較できるからです。ロゴは背景を切り替えて余白を可視化する方が守られます。トーンは良い例と直したい例を並べる方が身につきます。ビジュアルは実写・イラスト・グラフィックの三系統を並べる方が伝わります。
Artifactsは、これらの見せ方をコードなしで組めます。会話の中で色・書体・写真の要件をClaudeに伝えます。要点に沿ったページが右側のパネルに書き出されます。細部は「三つめの見出しを一段小さく」と目に見える指示で直せます。
事前準備｜素材を1枚のメモに束ねる
Artifactsに渡す前に素材を1枚のメモに束ねます。色は16進コードで揃えます。書体は正確な名前と重さを添えます。ロゴは背景色ごとの使用可否を並べます。トーンは短文の言い切りで書きます。ビジュアルは実例のURLか説明文で示します。この1枚が最初の書き出しの完成度を決めます。
書体名はGoogle FontsやAdobe Fontsで検索できる名称に揃えます。ロゴは白背景・黒背景・写真の上の3種で見せ方が変わります。それぞれの余白と最小サイズを添えます。トーンは「一歩先の同志」「静かに背中を押す」など短文で残します。原稿の温度が伝わる書き方にします。
作成手順｜1つのArtifactに5章を束ねる
Claude.aiを開いて、成果物として書き出したい依頼をClaudeに伝えます。「ブランドブックの見開きページとして5章立てで書き出してください」と頼みます。目次・色・書体・ロゴ・トーン・ビジュアルの順に、章ごとの区切りを入れます。書き出された成果物は右側のパネルに開きます。
最初は骨組みが出ます。ここから細部を直します。色見本の面積比を変えます。書体の組見本を追加します。ロゴの背景違いを並べます。指示はClaudeに要素の話で伝えるのが速いです。「二章の色見本を横一列に、各色の下に16進コードを添えて」と具体的に書きます。「三章の書体は本文用と見出し用の二段に分けて、行間を1.7に」と続けます。
章の中身が整ってきたら章の頭に短い趣旨文を入れます。「この色はブランドの核となる感情を表す」など、選んだ理由を一言で残します。運用時に迷った担当者が判断の根拠に戻れる作りになります。
Recraftでビジュアル資産をそろえる
写真やイラストの参考例はRecraftで仕上げます。Recraftのカスタムスタイルは、参照画像を最大5枚まで登録できる仕組みです。ブランドの世界観を1つのスタイルとして固定できます。同じスタイルを呼び出す限り、色や質感やタッチがそろった画像を作り続けられます。詳しい設定はRecraftのカスタムスタイルの手順を参照します。
手順は3段階です。第1に、ブランドの世界観を伝える参考画像を5枚選びます。Recraft Studioにアップロードしてカスタムスタイルとして保存します。第2に、そのスタイルを呼び出して作例をプロンプトで書き出します。ブランドブックに載せる素材を、章ごとに分けて生成します。人物・商品・風景・テクスチャなど、想定される撮影対象を短い指示で並べます。第3に、Recraftのチーム機能でスタイルを共有します。社内の他のメンバーが同じ世界観で追加の作例を作れる状態にします。
Recraft V3は写実的な質感と細部の描き込みに強いモデルです。ブランドブックの参考例として耐える解像度が出ます。ベクター出力にも対応します。簡単なアイコン群やパターン素材までRecraftの中で完結できます。
ArtifactsにRecraftの画像を差し込む段取り
Recraftで書き出した画像はURLで受け取ります。Artifactsの成果物にはURLを渡して差し込みます。Claudeに「五章のビジュアル参考として次の画像を横3列で並べてください」と指示します。成果物の該当箇所に画像枠が組まれます。並べ方は実写・イラスト・グラフィックの三系統を横並びで揃えます。系統の違いが視覚で伝わります。
画像の下には、想定シーンや色の意図や避けたい表現を短文で添えます。「屋外の自然光」「暖色は控える」「人物は表情まで見せる」など、短い言い切りで残します。撮影と生成のどちらでも参照できる指示にします。Recraftで作例が増えたら、Artifactsの該当章を上書き更新します。URLは同じままで開いた相手の画面に変更が届きます。会話の中でRecraftを直接呼び出す方法は姉妹記事のClaude MCPからRecraftを接続する手順にまとめています。
共有と更新｜URL 1本で運用する
書き上げた成果物は、パネル右上の共有操作から公開します。公開URLが発行されます。そのURLを知っている相手ならClaudeのアカウントなしで開けます。代理店・印刷会社・外注の写真家・Web制作会社への配布はこのURL1本で完結します。
TeamとEnterpriseの組織では外部共有そのものを管理者が制御します。既定では外部共有は無効です。組織の中だけで見せる状態が最初の設定です。管理者が外部共有を有効にすると、メンバーが公開URLを発行できるようになります。ブランドブックのように社外に渡す成果物では、この設定を先に確認します。
更新は成果物を開き直してClaudeに直しを指示するだけです。書き出しの最新版が同じURLに置き換わります。履歴はClaudeの側で保持されます。永続保存の仕組みはPro・Max・Team・Enterpriseで使えます。
静的なPDFやFigmaとの違い、使い分け
PDFのブランドブックは配布物として枯れた形式です。オフラインでも開けて印刷にも回せます。反面、更新のたびに差し替え版を配る手間が発生します。旧版が現場に残る事故が起きます。
Figmaは複数人での同時編集と細かな版面調整に強い場です。デザインチームの中では最速で回ります。ただし非デザイナーの担当者は開きにくい面があります。社外配布用には別途書き出しが要ります。
Claude Artifactsは、書き出しから共有まで会話の中で終わる点が持ち味です。更新が同じURLに反映されます。書き手はコードを書かず、読み手はアカウントなしで開けます。ブランドブックの用途では二段構えが実務の型になります。Figmaで最終の版面を作り、Artifactsで社内外に配布する形です。ビジュアル面を厚く整えたい場合はClaude Designでブランドのビジュアルを整える手順を併読します。
ブランド基準を守る仕組みと組み合わせる
Claude Artifactsのブランドブックは、書き出し先としての強みを持ちます。ただし基準そのものをClaudeに読ませて日常の依頼に反映する仕組みは別の道具になります。Claude Skillsに色・書体・原稿トーン・確認手順を書いておく方法があります。どこから頼んでも同じ判断で仕上がる形になります。詳しくはClaude Designでブランド基準を守る仕組みにまとめています。
Artifactsで書き出した中身と、Skillsに登録した基準の中身は必ずそろえます。ブランドブックは「読むための資料」です。Skillsは「AIに守らせる基準」という役割分担になります。片方だけでは資料が古びるかAIの出力が食い違うかのどちらかが起きます。両方を同じ担当が更新する運用にします。
商用範囲と権利、社外提示の注意
Claudeで書き出した成果物の商用利用は利用規約の範囲で行えます。Recraftの生成物も契約プランに応じた商用範囲で扱えます。両者を組み合わせる場合、それぞれのプランの商用条項を確認します。
公開URLを発行した成果物は、URLを知っている相手に届く前提です。未公開の商品情報や取引先の名前を含めるときは注意します。社外提示のチェックと同じ手続きで通します。2026年7月末には、公開URLの一部の共有会話や成果物が検索対象として拾われました。事例として報じられています。既定は非公開のまま置いて、公開の判断を一段挟む運用にします。
導入を判断するときの基準
Claude Artifactsでブランドブックを組む判断の分かれ目は2つです。更新の頻度と社外配布の量になります。年に1度しか触らずPDFの印刷物だけで足りる運用ならPDFで十分です。四半期ごとに直す運用ではArtifactsの更新性が効きます。複数の代理店に配る場合も同じです。リブランドの過渡期で頻繁に差分が出る現場でも同じ判断になります。
Recraftとの束ね方も同じ基準で決めます。撮影で素材が十分にそろっているならRecraftは要りません。撮影の予算が限られる現場では選択肢に入ります。キャンペーンごとに新しい世界観の参考が要る場合も同じです。社内で追加の作例をすぐ出したい現場でも同じ判断になります。Recraftのカスタムスタイルが日々の道具になります。
FAQ
Q1. claude artifacts ブランドブックは無料プランでも作れますか
A. 成果物の書き出しと公開URLの発行は全プランで使えます。Free・Pro・Max・Team・Enterpriseが対象です。ただし、入力履歴を残す永続保存はPro以上のプランに限られます。ブランドブックのように読むための資料が中心ならFreeでも実務に耐えます。
Q2. RecraftのカスタムスタイルはClaudeから直接呼び出せますか
A. Model Context Protocol（MCP）を経由する形で呼び出せます。Claude DesktopやClaude Codeから接続する仕組みです。RecraftのツールがClaude側から使えるようになります。ブランドブックのビジュアル差し替えを会話の中で終わらせる場合、MCPを先に整えます。手順の全体像は姉妹記事にまとめています。
Q3. ブランドブックの版管理はどう扱えばいいですか
A. 公開URLは同じまま中身が置き換わります。履歴は成果物の中に日付付きの変更メモを持たせる運用にします。「2026-08-25 二章の色見本を更新」といった一行を各章の末尾に残す形です。開いた担当者がどこが変わったかを追えます。
Q4. 代理店に渡すときに、直接編集させたくない場合は
A. 公開URLで共有した相手は開いて読むだけです。編集は成果物を持っている書き手の側でしか行えません。代理店に直接触られる心配はありません。編集を委ねたい場合は代理店の側にもClaudeの組織を持ってもらい、成果物を共有します。
Q5. Figmaで作ったブランドブックからの移行はどう進めますか
A. Figma側の版面をPNGかPDFで書き出し、その説明と一緒にClaudeに渡します。「この構成に沿って、めくれるArtifactのページとして書き出してください」と依頼します。章立てを引き継いだ骨組みが出ます。ビジュアルはRecraftのスタイルで新規に作り直すと、更新の運用に載ります。