Emblematic
Expo homepage, desktop
Expo homepage in dark mode
Dark mode (follows system setting)
Expo homepage, mobile
Mobile, 390px

Typography

scale ratio 1.414
stylefamilysizeweightlinetracking
displayInter48px6001.1-0.025em
titleInter16px6001.40em
bodyInter16px5001.40em
body-smInter14px5001.40em
labelInter14px4001.6250em
monoJetBrains Mono12px4001.60em
Type scale
Aa12Aa14Aa16Aa24Aa32Aa48Aa64
Body size
16px / 1.4
Display size
48px
Display tracking
-0.025em
Case
sentence

Color

light scheme
Palette by painted area
Text on bg
16.39:1
Muted on bg
5.94:1
Accent on bg
4.77:1
Dark mode
follows system
Declared accent tokens
  • --expo-theme-button-primary-destructive-background#DC3E42not on page

Space, shape & depth

Spacing scale (base 8px)
  • 4
  • 6
  • 8
  • 12
  • 16
  • 24
  • 32
  • 40
  • 48
  • 56
  • 64
Corner radii
162540pill
Shadows (5)
Borders
hairline, 1px
Section padding
128px

Components

exact computed values
button-primary
backgroundColor
#000000
textColor
#FFFFFF
rounded
9999px
padding
0px 16px
height
36px
fontFamily
Inter
fontSize
14px
fontWeight
500
button-secondary
textColor
#1C2024
rounded
9999px
padding
4px 10px
height
32px
fontFamily
Inter
fontSize
16px
fontWeight
400
border
1px solid #D9D9E0
card
rounded
16px
padding
32px
backgroundColor
#FFFFFF
border
1px solid #E0E1E6

Layout & motion

Container
1328px
Grid columns
2
Hero
left-aligned
Navigation
none-detected
Page height
8,631px
Easing
cubic-bezier(0.4, 0, 0.2, 1)
Durations
150ms 300ms 500ms
Transitions
121
Keyframes
4
Stack
next.js, tailwind, sanity, google-tag-manager, cloudflare

Page sections (8)

section labels are heuristic
  1. Expo hero section
    01hero
  2. Expo logos section
    02logosPowering AI-native app devs
  3. Expo features section
    03features?Infrastructure for your apps
  4. Expo features section
    04features?and observability Built-in monitoring
  5. Expo content section
    05content?
  6. Expo feature-detail section
    06feature detail?Expo is a community
  7. Expo logos section
    07logosBuild beautiful native apps
  8. Expo footer section
    08footerLegal

How Expo compares

Body text
16px, the same as 40% of indexed sites (median 16px).
Largest heading
48px: smaller than 68% of indexed sites (median 60px).
Type scale
1.41×: steeper than 81% of indexed sites (median 1.28×).
Container
1328px: wider than 80% of indexed sites (median 1242px).
Text contrast
16.4:1: lower than 64% of indexed sites (median 17.6:1).
Page length
8,631px: longer than 53% of indexed sites (median 8,217px).
Corner radius
Mostly 16px, shared by 11 of 274 indexed sites (4%).
Inter
One of 58 indexed sites that load Inter (21%).
JetBrains Mono
One of 11 indexed sites that load JetBrains Mono (4%).
Color scheme
Light by default, like 75% of indexed sites. It is one of 49 sites (18%) that switch with the system dark mode setting.

In short

What font does Expo use?

Expo uses Inter for headings and body text. JetBrains Mono is used for code.

What are Expo's brand colors?

Expo's website uses a light scheme: background #FFFFFF, text #1C2024, muted text #60646C and borders #E0E1E6.

How is Expo's website laid out?

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

Similar to Expo

Deepnote homepage
Inter / Degular / Bricolage Grotesque#FFFFFF
Deepnotedeepnote.com
Attio homepage
Inter / Inter Display / Tiempos Text#FFFFFF
Attioattio.com
Capacities homepage
SF Pro (system-ui) / Inter / JetBrains Mono#FFFFFF
Capacitiescapacities.io
Pipedream homepage
Inter / JetBrains Mono / Departure Mono#FFFFFF
Pipedreampipedream.com
Buildwithfern homepage
GT Planar / Berkeley Mono / Inter#F7F7F7
Buildwithfernbuildwithfern.com