Loading page
escF1F2F3F4F5F6F7F8F9F10F11F12
~`!1@2#3$4%5^6&7*8(9)0_-+=delete
tabQWERTYUIOP{[}]|\
caps lockASDFGHJKL:;"'return
shiftZXCVBNM<,>.?/shift
fn⌃control⌥option⌘command⌘command⌥option◀▲▼▶
Loading page
Brand
Assets and guidelines for using the Aden brand.
Guidelines
Always capitalize “Aden” as one word. Give assets plenty of space. Don’t alter, rotate, or recolor any graphics.
Wordmark
Icon
Colors
Black
#0A0A0F10, 10, 15Slate
#3F526B63, 82, 107Teal
#11617A17, 97, 122Beige
#DCD0BB220, 208, 187Lavender
#E5E1ED229, 225, 237Mauve
#A89AB6168, 154, 182Typography
Immediate & intentional.
Mona Sans for headers, labels, and brand moments. Keep body copy quiet. Let spacing carry hierarchy.
Type scale
AaDisplay
AaHeading
AaSubhead
AaBody
AaSmall
AaCaption
Spacing
A 4px base scale. Let space, not borders, carry hierarchy.
14px
28px
312px
416px
624px
832px
1248px
Do's and Don'ts
Do
- Use the wordmark on solid, neutral backgrounds
- Maintain clear space equal to the height of the "A"
- Use approved color pairings only
Don't
- Place the logo on busy or low-contrast backgrounds
- Stretch, rotate, or skew the logo
- Add effects like drop shadows or gradients
Loaders
Branded loading animations using the Aden icon.
Adenspace
Full logo loader with shimmer and particles. Loops automatically.
Loading
SmallLoading
MediumLoading
LargeLoading
XLLoading
2XLAden icon spinner: smooth 360° rotation with pause between cycles.
Logo in 3D
Drag to rotate.