Emblematic
Arc'teryx homepage, desktop
Arc'teryx homepage, mobile
Mobile, 390px

Typography

scale ratio 1.189
stylefamilysizeweightlinetracking
displayElan Itc Pro32px40010em
titleHelvetica Now Display28px4001.350em
bodyHelvetica Now Display16px4001.50.02em
body-smHelvetica Now Display14px4001.50.02em
Type scale
Aa12Aa14Aa16Aa18Aa22Aa28Aa32
Body size
16px / 1.5
Display size
32px
Display tracking
0em
Case
upper

Color

dark scheme
Palette by painted area
Text on bg
17.40:1
Muted on bg
undefined:1
Dark mode
none

Space, shape & depth

Spacing scale (base 4px)
  • 2
  • 4
  • 8
  • 10
  • 12
  • 16
  • 24
  • 32
  • 38
  • 39.5
  • 40
Corner radii
4pill
Shadows (0)
none
Borders
hairline, 1px
Section padding
142px

Components

exact computed values
button-secondary
textColor
#FFFFFF
rounded
0px
padding
0px 0px
height
44px
fontFamily
helvetica-now-display
fontSize
16px
fontWeight
400
border
1px solid #FFFFFF
input
rounded
0px
height
52px
padding
0px 45px
backgroundColor
#1A1A1A
border
1px solid #FFFFFF

Layout & motion

Container
1361px
Grid columns
4
Hero
centered-over-media
Navigation
top-static+transparent
Page height
5,146px
Easing
ease
Durations
200ms 300ms
Transitions
72
Keyframes
0
Stack
next.js, sanity, fastly

Page sections (6)

section labels are heuristic
  1. Arc'teryx features section
    03features?The 2026 gift guide
  2. Arc'teryx gallery section
    04gallery?Arc’teryx Presents
  3. Arc'teryx features section
    05features?
  4. Arc'teryx footer section
    06footer

How Arc'teryx compares

Body text
16px, the same as 40% of indexed sites (median 16px).
Largest heading
32px: smaller than 85% of indexed sites (median 60px).
Type scale
1.19×: flatter than 85% of indexed sites (median 1.28×).
Container
1361px: wider than 93% of indexed sites (median 1242px).
Text contrast
17.4:1: lower than 51% of indexed sites (median 17.6:1).
Page length
5,146px: shorter than 78% of indexed sites (median 8,217px).
Corner radius
Mostly 0px, shared by 84 of 274 indexed sites (31%).
Helvetica Now Display
One of 3 indexed sites that load Helvetica Now Display (1%).
Elan Itc Pro
The only site in the index that loads Elan Itc Pro.
Color scheme
Dark by default, like 25% of indexed sites. Like 82% of sites, it doesn't switch with the system dark mode setting.

In short

What font does Arc'teryx use?

Arc'teryx uses Helvetica Now Display (loaded as "helvetica-now-display") for body text. Elan Itc Pro (loaded as "elan-itc-pro") is used for headings.

What are Arc'teryx's brand colors?

Arc'teryx's website uses a dark scheme: background #1A1A1A, text #FFFFFF and borders #1A1A1A.

How is Arc'teryx's website laid out?

The most common corner radius is 0px, body text is 16px with 1.5 line height, and the page container is 1361px wide.

Similar to Arc'teryx

Better Stack homepage
Helvetica Now Text / Helvetica Now Display#0B0C14
Better Stackbetterstack.com
Locomotive homepage
Locomotive New / Helvetica Now Display#FFFFFF
Locomotivelocomotive.ca
CodeRabbit homepage
Geist / Hack#121014
CodeRabbitcoderabbit.ai
Cooperhewitt homepage
Cooper Hewitt Display / Cooper Hewitt#000000
Cooperhewittcooperhewitt.org
E2B homepage
PP Supply Sans / Inter / Commit Mono#000000
E2Be2b.dev