本文へスキップ

ブランドキット ​

debuff について記事を書くとき、動画をつくるとき、自分のゲームが debuff でつくられたことを示したいときに使ってください。ロゴの形や色は変えないでください。また、プロジェクトがあなたを公認しているように見える使い方は避けてください。

ワードマーク ​

メインのマークです。白い文字に太い黒のふちどりがあるので、どんな背景でも使えます。

DEBUFF のワードマーク
ワードマーク · SVG
うごめく DEBUFF のワードマーク
ワードマーク(うごめき版)(手描き風の揺れ。モーション軽減時は静止) · SVG

スウッシュ付き ​

ライムのスウッシュが付いたフルロゴです。ポスターやグッズなど、余白のある場所に。

スウッシュ付きの DEBUFF ロゴ
フルロゴ · SVG
うごめくスウッシュ付きの DEBUFF ロゴ
フルロゴ(うごめき版) · SVG

文字のみ ​

文字だけを単色にしたものです。小さいサイズ、グッズ、単色印刷、フルロゴだとうるさくなる場所に。

白の DEBUFF 文字
ホワイト · SVG
インクの DEBUFF 文字
インク · SVG
ライムの DEBUFF 文字
ライム · SVG
現在の文字色の DEBUFF 文字
現在の文字色(インラインで CSS の color を継承) · SVG

カラー ​

ライム#cffb2d
インク#11140d
ホワイト#ffffff

ライムは明るい色なので、ライムの上の文字は必ずインクにしてください。白は使いません。

名前 ​

文章中では、プロジェクト名は小文字で debuff と書きます。大文字で書くのはロゴだけです。

マスコット ​

buff は debuff のマスコットです。目のついた、ぴょんぴょん跳ねるライム色のブロックで、CLI やサンプルに登場します。

スクワッシュ&ストレッチで跳ねる buff
ぷにっ(アニメーション。モーション軽減時は静止) · SVG
ドット絵で待機中の buff
ドット絵の待機(スプライトシートより) · SVG
buff
buff · SVG
うれしそうな buff
うれしい · SVG
困惑している buff
こまった · SVG

ゲーム用には、スプライトシート(アニメーションデータ付き)があります。24×24 のグリッドに、待機・ジャンプ・うれしい・おっと・心配・ねむいの buff が入っています。両方のファイルを debuff プロジェクトの assets/ フォルダに置けば、自動でフレームに切り分けられます。

最終更新: