ロゴ再作成

2026/10/10

cignegのロゴを改めて作り直している。元がシンプルなので（何せ初版はExcel方眼紙で描いたものだ）、SVG形式での記述も読んで理解できる範囲だった。

logo-symbol.svg

<svg xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 32 32"
     role="img"
     aria-labelledby="title">
  <title id="title">cigneg logo</title>

  <!-- c : 鉄紺 -->
  <path fill="#1C2434"
        d="
          M3 3 H15 V7 H7 V11 H15 V15 H3 Z
        " />

  <!-- 右上 : 千歳緑 -->
  <rect x="17" y="3"
        width="12" height="12"
        fill="#3C6E49" />

  <!-- 左下 : 縹色 -->
  <rect x="3" y="17"
        width="12" height="12"
        fill="#2E86C1" />

  <!-- n : 鉄紺 -->
  <path fill="#1C2434"
        d="
          M17 17 H29 V29 H25 V21 H21 V29 H17 Z
        " />
</svg>

和名の色は必ずしもそのRGB値ではないらしいけれど、鉄紺、千歳緑、縹色を選択した。常磐色も候補ではあった。
サイトをダークモードで表示している時は反転した色にした。これはあくまでもダークモード時の遊びであって、正式なロゴにはならない。

PNG形式での書き出しを 32,64,128,256,512px でそれぞれ持っておく。48px版は必要だと感じた時にでいいかな。MSアカウント用には余白を増やした版から別途書き出した。

ロゴができたら今後作る（かも知れない）請求書とかにも配置できて雰囲気が締まりそうな予感。