Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.

Back to Browse

Away

Retail

Away embodies a premium travel aesthetic through stark geometric contrasts and monochromatic sophistication. The midnight navy (#012169) commands authority against crisp whites and warm off-whites, while razor-sharp zero-radius corners create an architectural precision that speaks to thoughtful engineering.

(0)
0
Visit Website
Screenshot of Away website

Design Identity

Signature Color

Away Midnight Navy

#012169

Premium travel authority - the deep confidence of departure gates at midnight and first-class reliability

Visual Identity

Zero border radius on ALL interactive elements - buttons, inputs, and cards maintain surgical rectangular precision that cuts against the warm, lived-in travel photography

Component Style

Brutally geometric with 0px border radius everywhere. Clean 1-2px borders in light grays (#e2e1e1), minimal shadows reserved for elevated states only. Everything feels architecturally precise yet approachable through generous padding.

Spacing Philosophy

Breathing room hierarchy: tight 8-12px internal component spacing, comfortable 15-24px between related elements, with expansive whitespace around hero content to create premium travel lounge atmosphere

Design Principles

  • Border radius is always 0px - no exceptions
  • Typography uses only Graphik at 14px, 16px, 18px, and 56px scales
  • Navy (#012169) reserves for primary actions and key messaging
  • Warm off-white (#f7f4f2) backgrounds over pure white for premium warmth
  • Shadows appear only on elevated modals and popovers, never on base components

Target Audience

Design-conscious frequent travelers who value functional luxury over flashy features - professionals who see luggage as an extension of their personal brand

Mood

architecturalmidnightgeometricpremiumwanderlustsurgicalconfident

Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.

Design System

Typography Scale

ElementFontSizeWeightLine Height
bodyGraphik16px40024px
h1Graphik56px40047.6px
h2Graphik16px50016px
h3Graphik14px50015.4px
h5Graphik18px40021.6px
pGraphik14px40019.6px
aGraphik16px40024px
buttonGraphik16px40018px
inputGraphik32px40038.4px
navGraphik16px40024px

Color Palette

#000000
#111111
#666666
#b8b8b8
#f7f4f2
#ffffff
#f7f4f1
#e4f5fd
#012169
#25b900
#ea1e42
#0038ff

UI Elements

button-primary
button
input
a
nav

Similar Designs

Completely Different Designs

Discussion

Loading comments...