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.
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).
Charcoal
Primary background
Surface
Card containers
Border
Borders and dividers
Ink
Primary text
Muted
Secondary text
Emerald
Primary accent
Indigo
Secondary accent
Amber
Warning / highlight
Rose
Error / critical
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 !@#$%^&*()
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.
Minimum Size
To ensure legibility, do not display the logo smaller than the following minimum sizes.
Full Logo
Min 120px wide
Icon Only
Min 24px
Favicon
16x16px
Brand Name
How to refer to the product in writing.
Press & Media Inquiries
For media kits, high-resolution assets, partnership inquiries, or brand usage questions, contact us.
Discord
discord.gg/6GcfebuT2ASee also: Privacy Policy · Cookie Policy · AGPL-3.0 License
