ブランディングガイドライン

ここでは、webpackプロジェクトのブランドガイドライン、アセット、ライセンスを確認できます。詳細と、この作品を管理するライセンスについては、公式のメディアリポジトリをご覧ください。画像をクリックしてダウンロードしてください。

名称

Webpackは、文頭に使用する場合に限り、Wを大文字で書くことができます。それ以外の場合は、小文字で書く必要があります。

ロゴ

webpackロゴは、次のように周囲に十分なスペースを設けた白い背景に配置する必要があります。

webpack logo default with proper spacing on light background

svg | png | jpg

内側の濃い青色の立方体のサイズを2倍にすると、ロゴに必要なスペースの目安がわかります。

暗い背景の場合は、ロゴのネガバージョンを使用できます。

webpack logo default with proper spacing on light background

svg | png | jpg

アイコンのみ

アイコンは、レイアウトに制約のある領域で使用できるように設計されています。前述のように、アイコン+テキストを優先してください。

icon example

svg | png | jpg

広い領域(アバターやプロフィール画像など)用の正方形のアイコン

icon square big example

svg | png | jpg

狭い領域(ファビコンなど)用の正方形のアイコン

icon square small example

svg | png | jpg

icon square small example

カラーパレット

以下の色は、サイト全体でさまざまな組み合わせで使用されており、Open CollectiveThreadlessの協力を得て立ち上げた、webpack公式ストアで販売されているファッショナブルな衣料品ラインにも使用されています。

色名HEXコードRGBコードサンプル
マリブHEX #8dd6f9rgb: 141, 214, 249
 
デニムHEX `#1d78c1`rgb: 29, 120, 193
 
フィヨルドHEX #465E69rgb: 70, 94, 105
 
宇宙HEX #2B3A42rgb: 43, 58, 66
 
HEX #ffffffrgb: 255, 255, 255
 
コンクリートHEX #f2f2f2rgb: 242, 242, 242
 
アルトHEX #dededergb: 222, 222, 222
 
ダスティーグレーHEX #999999rgb: 153, 153, 153
 
ダブグレーHEX #666666rgb: 102, 102, 102
 
エンペラーHEX #535353rgb: 83, 83, 83
 
マインシャフトHEX #333333rgb: 51, 51, 51
 

さらに、以下のファイルタイプをこれらのリンクから直接入手できます。

psd | png | ai | svg

ライセンス

ロゴとブランド名はMITライセンスではありません。使用ガイドラインについては、ライセンスをご確認ください。

4 貢献者

jhnnsskipjackrouzbeh84byzyk