Emblematic
Stripe Press homepage, desktop
Stripe Press homepage, mobile
Mobile, 390px

Typography

  • Ivar Textbody50097%
  • Ivar Headlinedisplay6003%
stylefamilysizeweightlinetracking
displayIvar Headline17.6px60010.018em
headlineIvar Headline16px6001.30.02em
labelIvar Text14px5001.40.023em
Type scale
Aa14Aa16Aa17Aa17.5Aa18Aa25
Body size
n/a
Display size
17.6px
Display tracking
0.018em
Case
sentence

Color

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

Space, shape & depth

Spacing scale
  • 2
  • 4
  • 6
  • 8
  • 12
  • 14
  • 20
  • 23.5
  • 24.5
  • 30
  • 36
  • 40
  • 67.5
  • 80
Corner radii
2
Shadows (0)
none
Borders
hairline, 1px
Section padding
n/a

Components

exact computed values
input
rounded
0px
height
49px
padding
1px 2px
backgroundColor
#00000011

Layout & motion

Container
1037px
Grid columns
n/a
Hero
left-over-media
Navigation
top-static+transparent
Page height
7,012px
Easing
ease
Durations
200ms 300ms 500ms
Transitions
47
Keyframes
0
Stack
wordpress

Page sections (3)

  1. Stripe Press nav section
    01nav
  2. Stripe Press newsletter section
    03newsletter

How Stripe Press compares

Largest heading
17.6px: smaller than 96% of indexed sites (median 60px).
Container
1037px: narrower than 81% of indexed sites (median 1242px).
Text contrast
1.2:1: lower than 99% of indexed sites (median 17.6:1).
Page length
7,012px: shorter than 61% of indexed sites (median 8,217px).
Corner radius
Mostly 0px, shared by 84 of 274 indexed sites (31%).
Ivar Text
The only site in the index that loads Ivar Text.
Ivar Headline
The only site in the index that loads Ivar Headline.
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 Stripe Press use?

Stripe Press uses Ivar Text for body text. Ivar Headline is used for headings.

What are Stripe Press's brand colors?

Stripe Press's website uses a dark scheme: background #201819, text #000000.

How is Stripe Press's website laid out?

The most common corner radius is 0px, body text is nullpx with null line height, and the page container is 1037px wide.

Similar to Stripe Press

Every homepage
Signifier / Switzer / Every#000000
Everyevery.to
Immersive-g homepage
PS Times / Helvetica Neue Regular#030303
Immersive-gimmersive-g.com
A16z homepage
Domaine Text / Domaine Sans Text#FFFFFF
A16za16z.com
Wearecollins homepage
COLLINS Portrait Text / COLLINS Graphik#140700
Wearecollinswearecollins.com
Arc'teryx homepage
Helvetica Now Display / Elan Itc Pro#1A1A1A
Arc'teryxarcteryx.com