CSSだけで東京ブランド推進キャンペーンのようなロゴを作成

CSSだけで東京ブランド推進キャンペーンのようなロゴを作成

CSSだけでロゴを作成

はてブを見ていたらこのようなニュースがあった。

東京の魅力を発信 新ロゴマーク決まる

東京都は、5年後のオリンピック・パラリンピックに向けて世界に東京の魅力を発信しようと、新たに「&TOKYO」というロゴマークを作り、「FOOD&TOKYO」などと、さまざまなことばを組み合わせてPRを進めていくことになりました。

ロゴマークの制作などにかかった費用はおよそ1億3000万円

こちらがそのロゴ

東京ブランド推進キャンペーン

いろいろと突っ込みどころはあるがあえてスルー。

CSSを使用すれば3分くらいで作成できそうなロゴだなあと思いなんとなく作成したのがこちら。

CSSだけで東京ブランド推進キャンペーンのようなロゴを作成サンプル

備考

  • &のフォントはGoogle Fontで一番近いAmaranthを使用
  • Amaranthに細い書体がないため若干太くなった
  • first-letterは&だけでなく次の文字(T)も含まれるため未使用
  • どうしてもブラウザによる差異は発生する
  • 作業時間3分、費用0円
カテゴリーcss