レイアウトに合うマークを選ぶ
承認済みのカラーで、フルのワードマークまたは単独のアイコンを使用します。
.png&w=3840&q=75&dpl=dpl_BmEYZ1zzksu18X8WEkmzdnH4ZhLR)
タイポグラフィでトーンを決める
Diatype を基本とし、Diatype が使えない場合は Outfit を使用します。
Diatype
Avanaは、製品およびマーケティング用の表面にダイアタイプを使用しています。それにより、密度の高いプロトコルコンテンツを読みやすく保ちながら、鋭く編集された印象を与えることができます。
AaBbCc
Outfit
アウトフィットは、Diatypeが使用できない状況での代替サンプルです。Diatypeは引き続き製品体験の主要な書体です。
AaBbCc
コアパレットで構築する
強調には、ホワイトとインクに Avana cyan を組み合わせます。
コアカラー
Avanaのパレットは意図的にシンプルです：空間には白、明確さにはインク、認識にはシアン。
Avana 白
製品ページ、カード、ドキュメント、そして余白を必要とするレイアウトのための主要な表面。
インク
本文とダークロゴの色。コントラストや権威が重要なときに使用してください。
シアン
アクティブな状態、リンク、重要なハイライト、およびAvana主導の行動喚起に対する主要アクセント。
ロゴはそのままに保つ
周囲に余白を確保し、引き伸ばし・色変更・効果の追加は避けます。
避けるべきこと
Avanaのマークはそのままにしてください。これらの例は、ロゴを読みづらくしたり、認識しにくくする処理を示しています。
.png&w=3840&q=75&dpl=dpl_BmEYZ1zzksu18X8WEkmzdnH4ZhLR)
ロゴを伸ばしたり圧縮したりしないでください。
%2520PNG.png&w=3840&q=75&dpl=dpl_BmEYZ1zzksu18X8WEkmzdnH4ZhLR)
マークを回転させたり反転させたりしないでください。
%2520PNG.png&w=3840&q=75&dpl=dpl_BmEYZ1zzksu18X8WEkmzdnH4ZhLR)
承認された配色以外でロゴの色を変えないでください。
マークを切り抜いたり、端に近づけすぎたりしないでください。
Do not add shadows, gradients, outlines, or effects.
PartnerパートナーロゴやUIラベルでマークの周囲を詰め込まないでください。