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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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