Brand guidelines
ブランドガイドライン
私たちの名前と、ものづくりのしるし。
株式会社YOSHINANIとYOSHINANI Brickのロゴ・配色・表記をまとめました。
記事や資料でご紹介いただく際に、こちらの素材とガイドをご利用ください。
01 / Corporate identity
YOSHINANIのロゴ
YOSHINANI（よしなに）は、LINE・AI・Brickを軸に、デジタルから立体までのものづくりを手がける会社です。会社名は「株式会社YOSHINANI」、ブランド表記は「YOSHINANI」とします。
ポジティブ
明るい背景に。黒い文字と青いドット。
PNGをダウンロード 1000 × 206 px・背景透過
ネガティブ
暗い背景に。白い文字と青いドット。
PNGをダウンロード 1000 × 206 px・背景透過
文字色は黒 #000000 / 白 #FFFFFF、ドットは青 #003CF0。ネガティブ版でもドットの色は変えません。
02 / Service identity
YOSHINANI Brickのロゴ
YOSHINANI Brickは、株式会社YOSHINANIが運営する、AIと一緒に想像を実際に組めるブロック作品へ変え、共有できる創作プラットフォームです。サービス名は「YOSHINANI Brick」と表記し、Brickの大文字・小文字を保ちます。
原本の色と形を、そのままに。
赤い背景・白い線・青い面を含む正方形画像です。画像内の色をサイトの配色に置き換えたり、背景を切り抜いたりせずに使用してください。
サービスのWebヘッダーでは、小さな表示でも線が見えるよう、同じ画像を円形・中央145%で表示しています。これはWebの共通ロゴ表示に限る扱いです。
名称を組み合わせるWeb表示は、YOSHINANIが #2B3A45、Brickが #E3000B。BETAはサービスの提供段階を示す補助ラベルで、ロゴ画像の一部ではありません。
創作プラットフォームを見る ↗法人向けの制作について →
03 / Color palette
白を基調に、遊び心を添える。
コーポレートサイトは白と薄いグレーを基本に、黄色で見出しやボタンを強調します。赤・青は小さな識別や装飾に使います。以下はサイト共通の配色で、ロゴ画像内の色とは区別します。
Red
#F00000RGB 240, 0, 0小さな識別・装飾
Yellow
#F0D400RGB 240, 212, 0見出しの下線・ボタンのホバー
Blue
#003CF0RGB 0, 60, 240アクセント・フォーカス
Background
#FFFFFFRGB 255, 255, 255ページの基本背景
Paper
#FAFAFARGB 250, 250, 250カードなどの淡い面
Ink
#131215RGB 19, 18, 21主文字・主ボタンの背景
Ink 2
#3A3640RGB 58, 54, 64二次的な文字
Muted
#655F6BRGB 101, 95, 107補足・ラベル
Line
rgba(19,18,21,0.1)RGB 19, 18, 21 / 10%区切り線・枠
主ボタンはInk背景＋Paper文字、ホバー時はYellow背景＋Ink文字。LineはInkを不透明度10%で重ねます。YOSHINANI Brickのサービス画面には別の配色を使用しています。
04 / Usage
ロゴを使うときに。
守っていただきたいこと
- 縦横比、文字の形、字間、ドットの位置、色を維持してください。
- 回転・変形・影・縁取り・グラデーションの追加は避けてください。
- 似た書体や図形で描き直さず、掲載している原本を使用してください。
- 写真や複雑な背景では無地の面を設け、ロゴが読める状態を保ってください。
余白とサイズの推奨目安
- YOSHINANI：画像枠の外側に、表示高さの1/2以上の余白。横組みは幅120 px、アイコンは32 px以上を目安にします。
- Brick：ロゴと名称の組み合わせの外側に、マーク径の1/2以上の余白。Webのマーク径32 px・名称14.5 pxを基準にします。
- 数値はデジタル表示の推奨目安です。実際の掲載サイズで文字と線の見やすさを確認してください。
会社・サービスを正確に紹介する目的でご利用ください。提携・推奨・認定など、実際とは異なる関係を示す使い方は避けてください。印刷用データや掲載方法のご相談は、お問い合わせフォームで受け付けています。
ロゴの利用について相談する ↗更新日： · 発行：株式会社YOSHINANI