メインコンテンツにスキップ

ブランド

公式のAvanaのロゴ、色、タイポグラフィ、およびブランド使用ルールを明確に示す。

キットをダウンロード
一次マーク

ロゴ

声とリズム

タイポグラフィ

Diatype

Avanaは、製品およびマーケティング用の表面にダイアタイプを使用しています。それにより、密度の高いプロトコルコンテンツを読みやすく保ちながら、鋭く編集された印象を与えることができます。

AaBbCc

Outfit

アウトフィットは、Diatypeが使用できない状況での代替サンプルです。Diatypeは引き続き製品体験の主要な書体です。

AaBbCc
パレットシステム

Core Colors

The Avana palette is intentionally simple: white for space, ink for clarity, and cyan for recognition.

Avana White

Primary surface for product pages, cards, documentation, and layouts that need room to breathe.

Avana Ink

Main text and dark logo color. Use it when contrast and authority matter.

Avana Cyan

Primary accent for active states, links, key highlights, and Avana-led calls to action.

Avana トークン

アイコン

プライマリートークンマーク

Avana トークンは、取引所の上場リスト、トークンページ、マーケットテーブル、ローンチ資料のデフォルト資産画像として円形のマークを使用します。

Avana 円形の3Dトークンアイコン

額縁付きトークンマーク

Avana トークンは、ウォレット、アプリグリッド、ダッシュボード、コンパクトな製品ビューなど、正方形のアセットタイルを期待するインターフェースに対して、角丸の四角形マークを使用します。

Avana 丸角立体トークンアイコン
うまく使ってください

ロゴガイドライン

避けるべきこと

Avanaのマークはそのままにしてください。これらの例は、ロゴを読みづらくしたり、認識しにくくする処理を示しています。

伸ばされたロゴの例

Do not stretch or compress the logo.

回転したアイコンの例

Do not rotate or flip the mark.

色を変えたロゴの例
2つ目の再色変更されたロゴの例

Do not recolor the logo outside approved colorways.

切り取られたロゴの例

Do not crop the mark or place it too close to an edge.

エフェクト付きのロゴ例

影、グラデーション、輪郭、または効果を追加しないでください。

密集したスペーシングの例パートナー

Do not crowd the mark with partner logos or UI labels.

よくある質問