デザイン · 実測
Claude Opus 5.5 でブランドのビジュアルは作れるか。一つのロゴから四つのファイル
ロゴはブランドの始まりであって、終わりではありません。小さなお店でも、すぐに ソーシャルメディア用のテンプレート、プロフィールのヘッダー、名刺、袋やメニューに使うパターンが必要になり、どれも同じ色でそろえなければなりません。
2026年9月27日、架空のボードゲームカフェ Rook & Rabbit のロゴを Claude Opus 5.5 に渡し、この四つを SVG で作るよう頼みました。ロゴは Ciyo で作り、レイアウトは claude.ai の Opus 5.5 が作りました。Ciyo は Claude Opus 5.5 を提供していません。
レイアウトはコードで、絵は画像モデルで
ブランドのビジュアルには二つの部分があります。レイアウト、文字、色は毎回正確でなければなりませんが、画像モデルはそれらを描き直すので、少しずつずれていきます。写真、イラスト、質感などの絵は、画像モデルが力を発揮するところです。一つ目の部分に合った道具はコードです。
これが下の投稿の背景にある分け方であり、私たちが試した分け方です。
2026-09-23に投稿。スタートアップ向けのデザインスタジオのデザイナーが、ブランドのビジュアル一式を公開し、Claude Opus 5.5 にこうした仕事ができるかと問いかけました。返信では、背景の画像は Midjourney で作ったと書いています。この投稿は彼のスタジオの仕事で、Opus のテストではありません。以下のテストは私たち自身によるものです。
渡したもの: ロゴ一つと 3 色
ロゴは同じ日の早い時間に Ciyo で作ったものです。GPT Image 2.5 Flare で生成し、Vector（ベクター化）ツールで変換して、深緑 #1F4D3A とクリーム色 #F3E9D2 に整えました。アクセントとして琥珀色 #B06A10 を一つ加え、使う場所に合ったサイズで四つのファイルを頼みました。
これはボードゲームカフェ Rook & Rabbit のロゴです。このロゴを使ったブランドのビジュアルを四つデザインし、それぞれ別の SVG ファイルにしてください。1) 見出しを入れるはっきりした余白のある、1080 x 1080 の Instagram 投稿のテンプレート。2) 1500 x 500 の X のヘッダー。3) 85 x 55 mm、1020 x 660 px の名刺の表面。文字は "Rook & Rabbit"、"Game cafe · Est. 2026"、"Open daily · Board games & coffee" にしてください。4) シンプルなルークとウサギの耳の形で組んだ、継ぎ目のない 400 x 400 のパターンのタイル。色は #1F4D3A、#F3E9D2 と、アクセントの #B06A10 一色だけを使ってください。ロゴのパスはそのまま使ってください。ラスター画像と外部フォントは使わず、文字にはシステムのセリフ体を使ってください。3 分で返ってきたもの
返ってきたのは四つの SVG ファイルです。緑の見出しエリアがあり、城壁の凹凸の列の下、クリーム色の地にロゴを置いた Instagram のテンプレート。パターンの上のクリーム色のパネルにロゴを置いた X のヘッダー。名刺。そして緑の地にクリーム色のルークと、琥珀色で縁取ったウサギの耳を並べたパターンのタイルです。Opus 5.5 は回答する前に、それぞれを描画し、パターンを 2 × 2 に並べて継ぎ目を確認し、ファイルに余計な色、画像、フォントがないかを検索しました。
私たちが考えていなかったデザイン上の判断もしました。ロゴ全体にはすでに “Rook & Rabbit” と “Game Café · Est. 2026” が含まれているので、名刺では名前が二重に印刷されないように、ルークと耳のシンボルだけを使い、元に戻すこともできると申し出ました。
私たちが確認したこと
ファイルを開き、ブラウザで描画しました。どのファイルも、私たちが渡した 3 色だけを使っています。ラスター画像を含むものはありません。Instagram のテンプレートと X のヘッダーには、ロゴの 52 個のパスがすべてそのまま入っています。名刺はシンボルのパスをそのまま使い、タイルは頼んだとおり新しいシンプルな形を使っています。名刺では、名前は右端から 66 ピクセルのところで終わっています。
claude.ai のプレビューについて一つ注意があります。標準の拡大率では名刺の右側が切れて表示されるため、名前が途切れているように見えます。ファイル自体は問題ありません。
| ファイル | サイズ | 色 | そのまま使われたロゴのパス |
|---|---|---|---|
| Instagram 投稿のテンプレート | 1080 × 1080 | ブランドの 3 色のみ | 52 個中 52 個 |
| X のヘッダー | 1500 × 500 | ブランドの 3 色のみ | 52 個中 52 個 |
| 名刺の表面 | 1020 × 660 | ブランドの 3 色のみ | シンボルのみ（6 パス） |
| パターンのタイル | 400 × 400 | ブランドの 3 色のみ | 新しいシンプルな形 |
印刷や投稿の前に
これらのファイルの文字は、システムフォントの Georgia で組まれたライブテキストです。Georgia のない印刷所では別のフォントに置き換わるので、名刺を入稿する前に文字をアウトライン化するか、PDF に書き出してください。色も印刷モードで確認してください。これは画面用の色で、印刷用の色ではありません。
プロフィールのヘッダーは、スマートフォンとパソコンで切り取られ方が違います。このヘッダーのように、ロゴは X のヘッダーの中央の 3 分の 1 に収め、公開する前に両方で見てください。
絵は Ciyo で加える
Instagram のテンプレートには空の見出しエリアがあり、絵は入っていません。そこが画像モデルの出番です。Ciyo でブランドの色を使った文字のないイラストや写真を生成し、テンプレートに配置してください。同じ日に行ったカルーセルのテストでは、まさにそうしました。Ciyo で作った 4:5 のイラスト 2 枚の上に、Opus 5.5 が文字をレイアウトしています。
Claude Opus 5.5 で作るブランドのビジュアル
Claude Opus 5.5 はブランドのビジュアルを作れますか
レイアウトなら作れます。私たちのテストでは、一つのロゴから約 3 分で、ブランドに沿った SVG を四つ作りました。使ったのは私たちの 3 色と、ロゴそのもののパスだけでした。
写真やイラストも作れますか
画像モデルと同じようには作れません。絵には Ciyo の GPT Image 2.5 などの画像モデルを使い、レイアウトと文字は Opus 5.5 に任せてください。
ファイルはそのまま印刷できますか
ほぼできます。先にライブテキストをアウトライン化するか PDF に書き出し、色を印刷モードで確認してください。
Ciyo で Claude Opus 5.5 は使えますか
いいえ。Ciyo は Claude Opus 5.5 を提供していません。ロゴは Ciyo で、四つのレイアウトは claude.ai で作りました。
ブランドづくりを Ciyo で始める
ロゴを生成してベクター化し、色を整え、レイアウトに必要な絵を作りましょう。