ビットワルデンブランド

ビットワルデンのブランドガイドラインへようこそ。このドキュメントは、ビットワーデンのブランド戦略を共有し、ビジュアル・アイデンティティの核となる要素を詳述し、すべてのメディアで一貫したコミュニケーションをデザインすることによってビットワーデンのブランドを守る方法を説明することを目的としています。

Bitwarden brand promise

Bitwarden promises to deliver reliable, user-friendly, and cutting-edge credential management solutions that empower individuals and organizations to protect their online identities with ease. Bitwarden is committed to prioritizing security, accessibility, and open-source technology while fostering a global community that values transparency, trust, and convenience for a safer and more privacy-conscious digital landscape.

ブランドロゴ - ブランドページ
アイデンティティ

ビットウォーデンのロゴ

ビットワルデンのロゴには、水平と垂直の2つの構図が認められている。Bitwardenのロゴを使用する場合、主要で好ましい構図は水平のロックアップです。横長のロゴがうまくいかない場合、縦長のロックアップを使用することもできる。

ブランド-ロゴ-スペーシング
ID

ロゴ安全エリア

水平ロックアップと垂直ロックアップの両方で、ビットワーデンのロゴに適切な間隔を与えることが重要です。横長のロゴの場合は、ビットワーデンのシールド幅を1つ使って、ロゴの適切な間隔を測ってください。縦書きのロゴの場合、「Bitwarden」のロゴタイプの「X」の高さを使い、ロゴの適切な間隔を測ってください。

ブランド・プロダクト・ロゴ・ロックアップ
ID

製品ロゴのロックアップ

ビットワーデン傘下の製品は、独自のロゴ入りロックアップでブランド化されている。これらのロゴは、その製品専用のコンテンツを作成する場合にのみ使用されます。その他のブランドスタイル(色、タイプなど)はすべて変わらない。

ブランドタイプ
書体

ブランド書体

DM Sansは親しみやすく特徴的な書体で、ウェブでの使用はあまり飽和していない。その円形のボウルは、テキストに親しみやすさを与え、ビットワルデンの提案する丸みを帯びたアイデンティティ・システムとうまく結びついている。オープンソースのGoogleフォントであるDM Sansは、多くのウェイトを持つ低コントラストの幾何学的なサンセリフ書体。小さな文字サイズでの使用を想定しているが、より大きなスケールでも素晴らしい。

カラーパレット

ブランド半径
視覚言語

半径

丸みを帯びた半径は、ブランド基盤の大きな枠組みのひとつである。このビジュアル・アイデンティティは、ビットワーデンのロゴマークの丸みを帯びた角と、ブランド書体の形状をベースにしています。

ブランドボタン
視覚言語

ボタン

この半径36pxのシステムから外れる唯一のアセットはボタンです。ピル形状を実現するために、ボタンはボタンの高さの50%のコーナー半径を使用する。半径は直径の半分。例えば、高さ50pxのボタンのコーナー半径は25pxです。

ブランドアイコン
視覚言語

イコノグラフィー

Bitwardenのウェブアイコンは、製品アイコンとは異なり、より大きな用途に対応し、より詳細で、マルチカラーにすることができます。これらのアイコンは2:1のストローク比を使用している。太いストロークはアイコンを定義するのに使われ、細いストロークはディテールを加えるのに使われる。これらのアイコンはモノトーンでもフルカラーでも使用できる。丸や四角など、立体感やコントラストが必要な図形の背景には、無地を使うこともできる。

ソーシャルポストの例 - ブランドページ
使用ブランド

ソーシャルポスト

Twitter用に1200x675pxに作られたフレームは、Bitwardenのソーシャルメディア投稿のための統一されたシステムを作り出します。フレーミング・システムはこのように機能する:

  • ビットワルデン・ブルーの背景のカードは、ビットワルデン・ライトグレーのボーダーと相性が良い。

  • ビットワルデン ライトグレー背景のカードは、ビットワルデン ブルーのボーダーと相性が良い。

  • ビットワーデン・インディゴ・ブルーの背景のカードは、ビットワーデン・ブルーのボーダーに最適です。

github-login-mobile
ビジュアル・ランゲージ

製品

商品はデバイス・ラッパーなしで表示され、代わりに白いボーダーで商品を囲みます。ユースケースによっては、製品の忠実度の高いバージョンを使用することもあれば、不要なものやフィラーを基本的な形状に減らした、より様式化されたバージョンを使用することもある。

より具体的な使用例では、製品の背景を暗くし、フォーカスエリアを拡大して、機能やセクションの詳細をより明確に表示します。

その他の商品画像をご希望の方は、press@bitwarden.com。

Bロール
メディア資産

ビットワルデン Bロール

ビットワルデンのBロールは、一般に使用・配布することができます。この補足映像は、レビューやメディアの特集、その他の報道でBitwarden製品を紹介するために使用することができます。このBロールセレクションには、製品の実写ショットや、さまざまなクライアントでウェブサイトやBitwarden Password Managerをナビゲートするユーザーの姿が含まれています。