ロゴの設定とロゴ類の設定先

2025/12下旬のロゴ変更の際に発生したメモ。

ロゴを作る際に考えたことなどの文章的にあれこれは別記事でだせたら出すかも。

目次

ロゴの設定

カラーコード

  • 黒(主に線に仕様):#000000
  • 白1(アイコンの背景、OGPで線に使用):#ffffff
  • 白2(OGPの背景に使用、※ブログの背景色と同一):#fdfdfd
  • くまのぬいぐるみの頭の黄色:#FFB94D
  • ヘッドフォン/イヤーマフの紺色:#003156
  • ヘッドフォン/イヤーマフの薄水色:#e8f1ff

多分、その気になれば誰でも調べられるんだから、載せといても問題ない。はず。

ロゴの種類(.svg)

  • logo:ロゴ
  • typelogo:タイプロゴ
  • typelogo-blog:ブログ用タイプロゴ(※基本のタイプロゴに”blog.”を付け加えただけ)
  • typelogo-ch:YouTube用タイプロゴ(※基本のタイプロゴに”ch.”を付け加えただけ)

画像の種類(.png)

  • logo-512:背景透過アイコン(512×512)
  • logo-white-400:背景白アイコン(400×400)
  • typelogo:プロフィールサイト用ロゴ(2000×N)※2000である必要はない。
  • typelogo-OGP:プロフィールサイト用OGP(1200×630)、各種ヘッダーにも使えるなら用いる
  • typelogo-blog:ブログ用ロゴ(1200×N)※2000である必要はない。
  • typelogo-blog-OGP:ブログ用OGP(1200×630)
  • typelogo-ch-youtube-cover:YouTubeカバー画像(2560×1440)
  • typelogo-ofuse-header:OFUSE用ヘッダー。プロフィールサイト用OGPが隠れる部分の都合で相性がよくなかったため別途作った

ロゴなどの設定先

  • kazuki.page(WordPress、プロフィールサイト)
    • ファビコン: 512×512
    • プロフィール画像:(X用を流用)
    • タイトルロゴ
    • OGP
    • NO IMAGE 画像
  • blog.kazuki.page(WordPress、ブログ)
    • ファビコン: 512×512
    • プロフィール画像:(X用を流用)
    • タイトルロゴ
    • OGP
    • NO IMAGE 画像
  • YouTube
    • アイコン:(Xを流用)
    • カバー画像:2560×1440適切な画像は複雑なので調べること
  • X
    • アイコン:400×400
    • ヘッダー:1500×500。なのだが、OGPを流用
  • Bluesky
    • アイコン:(X用を流用)
    • ヘッダー:OGPを流用(※適切な画像は複雑)
  • Instagram
    • アイコン:(X用を流用)
  • GitHub
    • アイコン:(X用を流用)
  • note
    • アイコン:(X用を流用)
  • Pinterest
    • アイコン:(X用を流用)
    • カバー:OGPを流用
  • Discord
    • アイコン:(X用を流用)
  • pixiv
    • アイコン:(X用を流用)
    • バナー:OGPを流用(※適切な画像は複雑)
  • BOOTH
    • アイコン:(X用を流用)
    • バナー:1500×500
  • SUZURI
    • アイコン:(X用を流用)
    • ヘッダー:1500×500。なのだが、OGPを流用
  • IRIAM
    • アイコン:(X用を流用)
    • ヘッダー:なし(※あまり活動してないので不要との判断)
  • topia
    • アイコン:(X用を流用)
  • ColorSing
    • アイコン:(X用を流用)
  • OFUSE
    • アイコン:(Xを流用)
    • カバー:1000×150
    • OGP:1200×630
  • マシュマロ
    • アイコン

更新記録

  • 2025/12/28:ローカルにこのメモファイルを生成
  • 2025/12/29:公開。公開後InstagramとGitHubを追記
  • 2025/12/31:マシュマロを追記

-----本記事は以上です-----

目次