Logo
Full (Horizontal)
This is the primary logo that is most recognizable. It works well in most environments. The vertical version is available when space is constrained or limited.
Full (Vertical)
This version of the logo is available for instances where space is constrained or limited.
Logo
It's called an icon because it's iconic. It's simple and can be used as a shorthand for the Full logo.
Typography
Diatype
Our primary typeface. The live system uses static Diatype cuts at Regular 400, Medium 500, and Bold 700 so the site stays fast while keeping the same editorial rhythm.
Outfit
Backup specimen only. Outfit is loaded on this page alone as a reference and is not part of the global first-paint font path for the live product.
Color
Main Colors
The quiet base of the Avana interface. These are the surfaces users live on most.
White
Primary surface color. Use for cards, raised panels, and clean reading areas.
White Smoke
Page and section backgrounds. Use for the default app background and subtle surfaces.
Secondary Colors
Support colors for hierarchy and readability. These keep the UI crisp without stealing focus.
Silver
Secondary text, captions, and inactive UI. Use for supporting copy and disabled states.
Gunmetal
Body text and borders. Use for primary reading text and dividers.
Concept
The AMM Curve
Rooted in the origins of automated market makers is the x*y=k formula that powers DeFi. Our brand identity draws inspiration from this elegant mathematical concept — the constant product curve that enables permissionless trading.
Liquidity & Connection
The cross symbol in our logo represents the intersection of assets, the meeting point where liquidity flows. It symbolizes the connection between different tokens, chains, and users in the DeFi ecosystem.
Logo Guidelines
Do's and Don'ts
If you're ever tempted to try something creative with this logo, don't. Channel your creative spark into whatever the logo will live on instead.
Use only the official logos
Use the icon in brand colors only
Network icons use white icon on blue background
Don't stretch or skew the logo
Don't rotate the logo
Don't place other elements too closely to the logo