Adena Docs
  • Intro
  • ℹ️User Guide
    • Download
    • Sign In
      • Connect Hardware Wallet
        • Ledger
        • Keystone
      • Set Up Air-gap Account
        • Air-gap Account
      • Advanced options
        • Create New Wallet
        • Import Wallet
        • Sign In With Google
    • Sidebar Menu
      • Account Details
      • Add Account
      • Settings
        • Connected Apps
        • Address Book
        • Change Network
        • Security & Privacy
          • Change Password
          • Reveal Seed Phrase
          • Export Private Key
          • Remove Account
          • Reset Wallet
        • About Adena
    • Wallet
      • Deposit
      • Send
        • Hardware Wallets
        • Air-gap Accounts
        • Advanced Accounts
      • Manage Tokens
    • NFTs
      • Asset Details
      • Manage Collectables
      • Deposit NFT
      • Send NFT
    • Explore
    • History
    • Web3 Interactions
      • Connect to a Dapp
      • Approve a Transaction
      • Add a Network
      • Switch Networks
  • 🛠️Integrations
    • Detect Wallet
    • Establish Connection
    • Get Account Info
    • Transactions
      • Sign & Send a Transaction
      • Sign Amino
      • Sign a Transaction
    • Network
      • Add a Custom Network
      • Switch Network
    • Detect Events
      • Detect an Account Change
      • Detect a Network Change
    • Use Adena Wallet SDK
      • JavaScript
    • Errors
    • Displaying Your App
    • Sample Usage
  • 📚Resources
    • FAQ
    • Audits
    • Brand Assets
      • Download Logo
      • Style Guide
      • Components
Powered by GitBook
On this page
  • 1. Logo
  • 2. Typeface
  • 3. Color Palette
  • 4. Icons
  1. Resources
  2. Brand Assets

Style Guide

PreviousDownload LogoNextComponents

Last updated 2 years ago

1. Logo

The Signature Blue logo is used with a dark background by default to reflect our corporate principles being reliability and future-orientation. Using the Signature White logo is recommended for grayscale-toned websites.

Using the logo with square and circular backgrounds is allowed.

The Circular Type logo is used as the icon for the Chrome extension and mobile applications.

Do not modify the logo!

The Adena logo should not be altered in any way. Examples of prohibited use are:

  • Distorting the logo

  • Rotating the logo

  • Changing the colors or gradations

  • Changing the font of the Logotype area

  • Using special effects

2. Typeface

Poppins is the base font used throughout Adena's suite of products. Poppins is an open source font with a clean, modern style that reflects the streamlined web3 experience we aim to bring to our users.

3. Color Palette

The primary brand color of Adena is Adena Blue, represented in hex as #0059FF. In most cases, dark colors under the Neutral group are used for backgrounds with white colors under the same group as the font color. Red colors are used to present errors or failures; and the Green colors for successful actions and completion.

Gradients or shadows are used to distinguish the components from backgrounds or to put an emphasis.

Do not alter our primary brand color!

Altering our primary brand color, Adena Blue, is strictly prohibited under any circumstances.

4. Icons

Icons serve as buttons, indicators, or inputs within our products.

📚