Typography
scale ratio 1.480- Endurocss: endurobody400 50071%
- Peignot Jumbo Black Testercss: Peignot Jumbo Black testerdisplay40015%
- Peignot Jumbo Regular Testercss: Peignot Jumbo Regular testerother40014%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Peignot Jumbo Regular Tester | 128px | 400 | 1 | 0em |
| headline | Enduro | 17.98px | 400 | 1.35 | 0em |
| title | Enduro | 15.24px | 400 | 1.55 | 0em |
| body | Enduro | 17.98px | 400 | 1.35 | 0em |
| label | Enduro | 13.26px | 400 | 1.55 | 0em |
Type scale
Aa10.5Aa11.5Aa13.5Aa15Aa18Aa21Aa24.5Aa42Aa72.5Aa128
- Body size
- 18px / 1.35
- Display size
- 128px
- Display tracking
- 0em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 21.00:1
- Muted on bg
- 4.61:1
- Accent on bg
- 4.56:1
- Dark mode
- none
Space, shape & depth
Spacing scale
- 4
- 5.5
- 7.5
- 9.5
- 11
- 11.5
- 15
- 19
- 30.5
- 38
- 45.5
Corner radii
5pill
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- 49px
Components
exact computed valuesbutton-primary
Catalogue
- backgroundColor
- #ED0000
- textColor
- #FFFFFF
- rounded
- 9999px
- padding
- 5.7px 15.2px
- height
- 32.4px
- fontFamily
- Enduro
- fontSize
- 13.26px
- fontWeight
- 400
button-secondary
Details
- backgroundColor
- #000000
- textColor
- #FFFFFF
- rounded
- 9999px
- padding
- 5.7px 15.2px
- height
- 32.4px
- fontFamily
- Enduro
- fontSize
- 13.26px
- fontWeight
- 500
input
- rounded
- 9999px
- height
- 31.9px
- padding
- 5.7px 11.4px
- backgroundColor
- #F2F2F2
Layout & motion
- Container
- 913px
- Grid columns
- 3
- Hero
- left-aligned
- Navigation
- none-detected
- Page height
- 9,613px
- Easing
- cubic-bezier(0.16, 1.08, 0.38, 0.98)
- Durations
- 250ms 500ms 750ms 1000ms
- Transitions
- 76
- Keyframes
- 1
- Stack
- next.js, tailwind, lenis, vercel, cloudflare
Page sections (11)
section labels are heuristic
01hero
02features?House of Cassandre
03features?In the library with Marc Armand
04feature detail?Custom fonts
05feature detail?Production Type specializes in custom typefaces to articulate a brand’s specific
06features?Announcements
07features?3 essential fonts selected by Virgile Flores
08content?
09gallery?Hard goods
10newsletter
11footer
How Production Type compares
- Body text
- 18px: larger than 71% of indexed sites (median 16px).
- Largest heading
- 128px: larger than 96% of indexed sites (median 60px).
- Type scale
- 1.48×: steeper than 87% of indexed sites (median 1.28×).
- Container
- 913px: narrower than 86% of indexed sites (median 1242px).
- Text contrast
- 21.0:1: higher than 81% of indexed sites (median 17.6:1).
- Page length
- 9,613px: longer than 64% of indexed sites (median 8,217px).
- Corner radius
- Mostly fully rounded (pill), shared by 53 of 274 indexed sites (19%).
- Enduro
- The only site in the index that loads Enduro.
- Peignot Jumbo Black Tester
- The only site in the index that loads Peignot Jumbo Black Tester.
- Color scheme
- Light by default, like 75% of indexed sites. Like 82% of sites, it doesn't switch with the system dark mode setting.
In short
What font does Production Type use?
Production Type uses Enduro (loaded as "enduro") for body text. Peignot Jumbo Black Tester (loaded as "Peignot Jumbo Black tester") is used for headings. Peignot Jumbo Regular Tester (loaded as "Peignot Jumbo Regular tester") is used for other.
What are Production Type's brand colors?
Production Type's website uses a light scheme: background #FFFFFF, surface #0000001A, text #000000, muted text #757575 and borders #0000001A.
How is Production Type's website laid out?
The most common corner radius is fully rounded (pill), body text is 18px with 1.35 line height, and the page container is 913px wide.
