Typography
scale ratio 1.272- Acumin Prodisplay + body400 700100%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Acumin Pro | 60px | 700 | 1 | 0em |
| headline | Acumin Pro | 32px | 700 | 1 | 0em |
| title | Acumin Pro | 24px | 700 | 1 | 0em |
| body | Acumin Pro | 18px | 400 | 1 | 0em |
| body-sm | Acumin Pro | 12px | 400 | 1 | 0em |
| label | Acumin Pro | 16px | 400 | 1 | 0em |
Type scale
Aa12Aa14Aa16Aa18Aa24Aa32Aa40Aa56Aa60
- Body size
- 18px / 1
- Display size
- 60px
- Display tracking
- 0em
- Case
- upper
Color
light schemePalette by painted area
- Text on bg
- 21.00:1
- Muted on bg
- 18.26:1
- Accent on bg
- 4.86:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 4px)
- 2.5
- 4
- 6
- 8
- 9
- 10
- 12
- 13
- 14
- 16
- 20
- 24
- 32
- 40
Corner radii
5
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- 64px
Components
exact computed valuesbutton-primary
Shop Now
- backgroundColor
- #000000
- textColor
- #FFFFFF
- rounded
- 0px
- padding
- 16px 40px
- height
- 50px
- fontFamily
- Acumin Pro
- fontSize
- 16px
- fontWeight
- 700
- border
- 1px solid #000000
input
- rounded
- 0px
- height
- 42px
- padding
- 8px 12px
- backgroundColor
- #FFFFFF
- border
- 1px solid #999999
Layout & motion
- Container
- 1312px
- Grid columns
- 2
- Hero
- left-over-media
- Navigation
- top-static+transparent
- Page height
- 3,981px
- Easing
- ease
- Durations
- 200ms 300ms 500ms
- Transitions
- 23
- Keyframes
- 1
- Stack
- shopify, react, cloudflare
Page sections (6)
section labels are heuristic
01heroLIQUID DEATH X FEASTABLES PEANUT BUTTER CUP FLAVORED SPARKLING WATER
02feature detail?MURDER YOUR THIRST
03features?SCARY STRAWBERRY
04feature detail?PLASTIC RECYCLING IS A MYTH. MOST PLASTIC IS SENT TO LANDFILLS. ALUMINUM IS INFI
05feature detail?KILLER MERCH
06footerCOMPANY
How Liquid Death compares
- Body text
- 18px: larger than 71% of indexed sites (median 16px).
- Largest heading
- 60px: larger than 48% of indexed sites (median 60px).
- Type scale
- 1.27×: flatter than 56% of indexed sites (median 1.28×).
- Container
- 1312px: wider than 73% of indexed sites (median 1242px).
- Text contrast
- 21.0:1: higher than 81% of indexed sites (median 17.6:1).
- Page length
- 3,981px: shorter than 84% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- Acumin Pro
- The only site in the index that loads Acumin Pro.
- 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 Liquid Death use?
Liquid Death uses Acumin Pro for headings and body text.
What are Liquid Death's brand colors?
Liquid Death's website uses a light scheme: background #FFFFFF, text #000000, muted text #151515 and borders #FFFFFF.
How is Liquid Death's website laid out?
The most common corner radius is 0px, body text is 18px with 1 line height, and the page container is 1312px wide.
