Ardem Wiki Branding

Official brand assets and guidelines for the Ardem Wiki. Use these resources to correctly represent our brand in your content.

Ardem Wiki

Logo Assets

Our logo is available in several variations to suit different backgrounds and use cases. Click on any logo to download.

Logo with Text (Dark Background)

Logo with Text (Dark Background)

Full logo with text optimized for dark backgrounds.

Download
Logo with Text (Light Background)

Logo with Text (Light Background)

Full logo with text optimized for light backgrounds.

Download
Logo without Text (Light Background)

Logo without Text (Light Background)

Icon-only logo optimized for light backgrounds.

Download
Logo without Text (Dark Background)

Logo without Text (Dark Background)

Icon-only logo optimized for dark backgrounds.

Download
Favicon

Favicon

Small favicon for browser tabs and bookmarks.

Download
Discord Logo

Discord Logo

Discord-specific logo variant.

Download

Logo Usage License

The Ardem Wiki logo and all related brand assets are the property of Ardem Wiki. Permission is granted to use these assets for the purpose of linking to or promoting Ardem Wiki, provided that the assets are not modified in any way (including but not limited to changing colors, proportions, or elements). The assets may not be used in a way that suggests endorsement or affiliation without explicit permission. For commercial use or any questions regarding usage, please contact us.

Color Palette

Our brand colors establish the visual identity of Ardem Wiki. Use these colors consistently across all materials.

Primary Yellow

Main brand color, used for important elements, headings, and accents.

HEX
#FFC600
RGB
rgb(255, 198, 0)

Dark Background 1

Primary dark background color, used in gradients and dark UI elements.

HEX
#0F1118
RGB
rgb(15, 17, 24)

Dark Background 2

Secondary dark background color, used in gradients and as alternate dark UI elements.

HEX
#1F2137
RGB
rgb(31, 33, 55)

Discord Purple

Used for Discord-related elements and accents.

HEX
#5865F2
RGB
rgb(88, 101, 242)

Light Gray

Used for secondary text and subtle UI elements on dark backgrounds.

HEX
#D1D5DB
RGB
rgb(209, 213, 219)

Typography

Consistent typography helps maintain our brand identity. Use these fonts across all Ardem Wiki materials.

Inter

Primary Font

Used for all body text, navigation, and general UI elements.

Weights: 400 500 600 700
CSS Import
font-family: "Inter", sans-serif;
Get Font

The quick brown fox jumps over the lazy dog.

Poppins

Heading Font

Used for headings, titles, and emphasis text.

Weights: 600 700 800
CSS Import
font-family: "Poppins", sans-serif;
Get Font

ARDEM WIKI TYPOGRAPHY

Logo Spacing Guidelines

Clear Space

Always maintain adequate clear space around the logo to ensure visibility and impact. The minimum clear space is equal to the height of the "A" in the Ardem logo.

This clear space should be maintained around all sides of the logo, regardless of the logo variation being used.

Logo spacing example

Do's

  • Use the provided logo files without modification
  • Maintain clear space around the logo
  • Use the light background variant on light backgrounds
  • Use the dark background variant on dark backgrounds
  • Scale the logo proportionally

Don'ts

  • Alter the colors of the logo
  • Distort or stretch the logo
  • Add effects like shadows or glows to the logo
  • Place the logo on busy backgrounds that reduce visibility
  • Rotate or skew the logo