claude artifacts brand bookとは｜URL1本で更新できる社内標準
ブランドブックは、ブランドの見た目と語り口を一冊にまとめた社内標準です。中身は5章に整理されます。第1章はブランドの意義と語り口の方向です。第2章は基本の色です。第3章は書体、第4章はロゴの使い方に続きます。第5章は写真やイラストの見せ方の目安です。多くの現場では、PDFやKeynoteでまとめ、更新のたびに差し替え版を配ってきました。
Claude Artifactsで作ると、書き出した成果物がひとつの生きたページになります。公開のURLを発行すれば、社外の代理店にも同じURLで共有できます。中身を直したときは同じURLの内容が置き換わります。開いたままの相手のブラウザにも変更が届きます。ここが静的なPDFとの分かれ目です。
ブランドブックの5要素とArtifactsの相性
色・書体・ロゴ・トーン・ビジュアルは、動きのある形で見せるほど伝わり方が変わります。色は16進コードだけでなく、実際の面積比で見せる方が誤解が減ります。書体は組見本を並べ、文字の量と行間で比較する方が判断できます。ロゴは背景を切り替えて余白を可視化する方が守られます。トーンは、良い例と直したい例を並べる方が身につきます。ビジュアルは、実写・イラスト・グラフィックの三系統を並べる方が伝わります。
Artifactsは、これらの見せ方をコードなしで組めます。会話の中で「色は#A82C4E、書体はNoto Sans JP、写真は白背景で正方形、キャッチは短文で温度は落ち着き」と伝えます。要点に沿ったページが右側のパネルに書き出されます。細部は「三つめの見出しを一段小さく」と目に見える指示で直せます。
事前準備｜素材を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の成果物に差し込みます。Claudeに「五章のビジュアル参考に、次の画像を横3列で並べてください」とURLを渡します。成果物の該当箇所に画像枠が組まれます。並べ方は、実写・イラスト・グラフィックの三系統を横並びで揃えます。系統の違いが視覚で伝わります。
画像の下には、想定シーン、色の意図、避けたい表現を短文で添えます。「屋外の自然光、暖色は控える、人物は表情まで見せる」など、撮影と生成のどちらでも参照できる指示にします。Recraftで書き足す作例が増えたら、Artifactsの成果物側の該当章を上書き更新します。URLは同じままで、開いた相手の画面に変更が届きます。会話の中でRecraftを直接呼び出す接続方法は、Claude MCPからRecraftを接続する手順にまとめています。
共有と更新｜URL 1本で運用する
書き上げた成果物は、パネル右上の共有の操作から公開します。公開のURLが発行されます。そのURLを知っている相手なら、Claudeのアカウントなしで開けます。代理店、印刷会社、外注の写真家、Web制作会社への配布は、このURLを1本渡すだけで完結します。
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でブランドブックを組む判断の分かれ目は、更新の頻度と社外配布の量です。年に1度しか触らない、外に出すのは印刷物だけ、という運用ならPDFで十分です。四半期ごとに直す、複数の代理店に配る、リブランドの過渡期で頻繁に差分が出る、という運用なら、Artifactsの更新性が効きます。
Recraftとの束ね方も同じ基準で決めます。撮影で素材が十分にそろっているならRecraftは要りません。撮影の予算が限られる、キャンペーンごとに新しい世界観の参考が要る、社内で追加の作例をすぐ出したい、という現場では、Recraftのカスタムスタイルが日々の道具になります。
FAQ
Q1. claude artifacts brand bookは無料プランでも作れますか
A. 成果物の書き出しと公開のURLの発行は、Free、Pro、Max、Team、Enterpriseの全プランで使えます。ただし、成果物の中に入力履歴を残す永続保存の仕組みは、Pro以上のプランに限られます。ブランドブックのように読むための資料が中心なら、Freeでも実務に耐えます。
Q2. RecraftのカスタムスタイルはClaudeから直接呼び出せますか
A. Model Context Protocol（MCP）を経由すれば、Claude DesktopやClaude CodeからRecraftのツールを呼び出せます。ブランドブックのビジュアル差し替えを会話の中で完結させたい場合は、MCPの接続を先に整えます。手順の全体像は姉妹記事にまとめています。
Q3. ブランドブックの版管理はどう扱えばいいですか
A. 公開のURLは同じまま中身が置き換わります。履歴は成果物の中に日付付きの変更メモを持たせる運用にします。「2026-08-25 二章の色見本を更新」といった一行を各章の末尾に残すと、開いた担当者がどこが変わったかを追えます。
Q4. 代理店に渡すときに、直接編集させたくない場合は
A. 公開のURLで共有した相手は、開いて読むだけです。編集は成果物を持っている書き手の側でしか行えないため、代理店に直接触られる心配はありません。編集を委ねたい場合は、代理店の側にもClaudeの組織を持ってもらい、成果物を共有します。
Q5. Figmaで作ったブランドブックからの移行はどう進めますか
A. Figma側の版面をPNGかPDFで書き出し、その説明と一緒にClaudeに渡します。「この構成に沿って、めくれるArtifactのページとして書き出してください」と依頼すると、章立てを引き継いだ骨組みが出ます。ビジュアルはRecraftのスタイルで新規に作り直すと、更新の運用に載ります。