Aetheris Logo

Brand & Press Kit

Official logos, color palette, typography, and usage guidelines for the Aetheris brand.

Logos

Download the official Aetheris logo assets. All assets are released under the same AGPL-3.0 license as the project.

Primary Logo (SVG)

Primary Logo (SVG)

Full Aetheris logo with icon and wordmark. Use on dark backgrounds.

SVGDark backgrounds
Download
Logo Mark Only (SVG)

Logo Mark Only (SVG)

Icon only, without wordmark. Use for favicons, app icons, small spaces.

SVGApp icons, favicons
Download
Logo PNG

Logo PNG

Rasterized version for platforms that do not support SVG.

PNGSocial media, documents
Download

Color Palette

The Aetheris design system uses a dark-first palette with emerald as the primary accent. All colors are accessible on their intended backgrounds (WCAG AA minimum).

#09090B

Charcoal

Primary background

#18181B

Surface

Card containers

#27272A

Border

Borders and dividers

#FAFAFA

Ink

Primary text

#71717A

Muted

Secondary text

#10B981

Emerald

Primary accent

#6366F1

Indigo

Secondary accent

#F59E0B

Amber

Warning / highlight

#F43F5E

Rose

Error / critical

#3B82F6

Sky

Info / links

Typography

Aetheris uses Inter as the primary typeface for all interfaces and marketing materials. Monospace elements use JetBrains Mono or Fira Code.

Primary Typeface

Inter

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()

ThinLightRegularMediumSemiBoldBoldBlack

Monospace Typeface

JetBrains Mono

0x4A65734265744D6F6E6F20{ console.log("Aetheris"); }

Type Scale

Display

36px / 44px

Aetheris

Headline

30px / 38px

Billing & Virtualization

Title Large

24px / 32px

Server Management

Title Medium

20px / 28px

Dashboard Overview

Body Large

16px / 24px

Aetheris unifies WHMCS, FOSSBilling, Pterodactyl, Proxmox VE and VirtFusion.

Body Medium

14px / 20px

Manage game servers, VPS, and dedicated infrastructure from one panel.

Label

12px / 16px

LABEL / TAG / BADGE

Logo Usage

Follow these guidelines to ensure consistent and correct use of the Aetheris brand across all materials.

Do

  • Use the logo on dark backgrounds (#09090B or darker)
  • Maintain clear space around the logo (minimum 1x icon width)
  • Use the official color palette only
  • Link to aetheris-web.vercel.app when referencing the product
  • Use 'Aetheris' as the product name (not 'Aetheris Panel', 'Aetheris App', etc.)

Don't

  • Stretch, skew, or rotate the logo
  • Change the logo colors or apply gradients
  • Place the logo on busy or light backgrounds without contrast
  • Add drop shadows, outlines, or effects to the logo
  • Use the logo as part of your own product name
  • Redistribute modified versions of the logo

Clear Space

Maintain a minimum clear space around the logo equal to the width of the icon mark. This ensures the logo remains visually distinct from surrounding elements.

Aetheris LogoAetheris
1x1x1x1x

Minimum Size

To ensure legibility, do not display the logo smaller than the following minimum sizes.

Full logo minimum

Full Logo

Min 120px wide

Icon minimum

Icon Only

Min 24px

Favicon minimum

Favicon

16x16px

Brand Name

How to refer to the product in writing.

AetherisCorrect -- the product name
Aetheris ProjectCorrect -- the organization
the Aetheris platformCorrect -- referring to the ecosystem
Aetheris PanelAcceptable when specifically referring to the web panel
Aetheris AppAcceptable when specifically referring to the Android app
AETHERISAcceptable in all-caps contexts (headers, logos)
aetherisOnly in URLs, package names, and code
Aetheris.ioIncorrect -- not our domain
Aetheris CloudIncorrect -- we do not use this name
AetherisPanelIncorrect -- should be two words

Press & Media Inquiries

For media kits, high-resolution assets, partnership inquiries, or brand usage questions, contact us.