Typography
scale ratio 1.305- Hope Sanscss: HopeSansbody400 600 70072%
- Cooper BTcss: CooperBTother400 50022%
- Cooper Great Jonesdisplay4006%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Cooper Great Jones | 40px | 400 | 0em | |
| body | Hope Sans | 18px | 400 | 1 | 0.022em |
| body-sm | Hope Sans | 16px | 400 | 1.38 | 0.025em |
Type scale
Aa14Aa15Aa16Aa18Aa24Aa34Aa40
- Body size
- 18px / 1
- Display size
- 40px
- Display tracking
- 0em
- Case
- mixed
Color
dark schemePalette by painted area
- Text on bg
- 8.78:1
- Muted on bg
- 2.39:1
- Dark mode
- none
Space, shape & depth
Spacing scale
- 4
- 5
- 6
- 7
- 8
- 10
- 12
- 14
- 16
- 20
- 22
- 24
- 30
- 31
Corner radii
356pill
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- n/a
Components
exact computed valuesbutton-primary
Shop All
- backgroundColor
- #0E5540
- textColor
- #FFFFFF
- rounded
- 5px
- padding
- 12px 20px
- height
- 40px
- fontFamily
- Hope Sans
- fontSize
- 18px
- fontWeight
- 700
- border
- 1px solid #0E5540
button-secondary
Submit
- backgroundColor
- #F4A800
- textColor
- #000000
- rounded
- 5px
- padding
- 0px 0px
- height
- 50px
- fontFamily
- Hope Sans
- fontSize
- 18px
- fontWeight
- 600
card
- rounded
- 5px
- padding
- 183.7px
- backgroundColor
- #EDE1D4
input
- rounded
- 0px
- height
- 62px
- padding
- 0px 0px
- backgroundColor
- #FAEDDF
- border
- 1px solid #000000
Layout & motion
- Container
- 800px
- Grid columns
- n/a
- Hero
- split
- Navigation
- top-static+transparent
- Page height
- 2,294px
- Easing
- ease
- Durations
- 200ms 300ms 400ms 600ms
- Transitions
- 35
- Keyframes
- 1
- Stack
- shopify, cloudflare
Page sections (3)
01nav
02hero
03footer
How Great Jones compares
- Body text
- 18px: larger than 71% of indexed sites (median 16px).
- Largest heading
- 40px: smaller than 79% of indexed sites (median 60px).
- Type scale
- 1.30×: steeper than 58% of indexed sites (median 1.28×).
- Container
- 800px: narrower than 90% of indexed sites (median 1242px).
- Text contrast
- 8.8:1: lower than 94% of indexed sites (median 17.6:1).
- Page length
- 2,294px: shorter than 89% of indexed sites (median 8,217px).
- Corner radius
- Mostly fully rounded (pill), shared by 53 of 274 indexed sites (19%).
- Hope Sans
- The only site in the index that loads Hope Sans.
- Cooper BT
- The only site in the index that loads Cooper BT.
- 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 Great Jones use?
Great Jones uses Hope Sans (loaded as "HopeSans") for body text. Cooper BT (loaded as "CooperBT") is used for other. Cooper Great Jones is used for headings.
What are Great Jones's brand colors?
Great Jones's website uses a dark scheme: background #0E5540, surface #14141499, text #FFFFFF, muted text #000000.
How is Great Jones's website laid out?
The most common corner radius is fully rounded (pill), body text is 18px with 1 line height, and the page container is 800px wide.
