Typography
scale ratio 1.803- Haas Grotesk Signcss: haas-grotesk-signdisplay40057%
- Haas Grotesk Textcss: haas-grotesk-textbody40043%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Haas Grotesk Sign | 65px | 400 | 0.85 | 0em |
| headline | Haas Grotesk Sign | 35px | 400 | 0.85 | 0em |
| body | Haas Grotesk Text | 20px | 400 | 1.4 | 0em |
| body-sm | Haas Grotesk Text | 15px | 400 | 1 | 0em |
Type scale
Aa0Aa15Aa20Aa35Aa65
- Body size
- 20px / 1.4
- Display size
- 65px
- Display tracking
- 0em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 21.00:1
- Muted on bg
- 3.03:1
- Dark mode
- follows system
Declared accent tokens
- --admin-color-primary#3C63FFnot on page
Space, shape & depth
Spacing scale (base 8px)
- 8
- 16
- 32
- 48
Corner radii
pill
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- 312px
Components
exact computed valuesbutton-secondary
Learn more about the exhibitio
- textColor
- #000000
- rounded
- 0px
- padding
- 8px 16px
- height
- 48px
- fontFamily
- Haas Grotesk Text
- fontSize
- 15px
- fontWeight
- 400
- border
- 1px solid #000000
input
- rounded
- 0px
- height
- 64px
- padding
- 0px 16px
- backgroundColor
- #FFFFFF
- border
- 1px solid #000000
Layout & motion
- Container
- 1344px
- Grid columns
- 2
- Hero
- split
- Navigation
- none-detected
- Page height
- 5,396px
- Easing
- ease-out
- Durations
- 100ms 200ms
- Transitions
- 130
- Keyframes
- 0
- Stack
- hotwire, google-tag-manager
Page sections (5)
section labels are heuristic
01hero
03content?
04testimonialsDive Into Our Collection
05footerMission & values
How Whitney compares
- Body text
- 20px: larger than 90% of indexed sites (median 16px).
- Largest heading
- 65px: larger than 66% of indexed sites (median 60px).
- Type scale
- 1.80×: steeper than 97% of indexed sites (median 1.28×).
- Container
- 1344px: wider than 83% of indexed sites (median 1242px).
- Text contrast
- 21.0:1: higher than 81% of indexed sites (median 17.6:1).
- Page length
- 5,396px: shorter than 77% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- Haas Grotesk Sign
- The only site in the index that loads Haas Grotesk Sign.
- Haas Grotesk Text
- The only site in the index that loads Haas Grotesk Text.
- 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 Whitney use?
Whitney uses Haas Grotesk Sign (loaded as "haas-grotesk-sign") for headings. Haas Grotesk Text (loaded as "haas-grotesk-text") is used for body text.
What are Whitney's brand colors?
Whitney's website uses a light scheme: background #FFFFFF, text #000000, muted text #949494 and borders #000000.
How is Whitney's website laid out?
The most common corner radius is 0px, body text is 20px with 1.4 line height, and the page container is 1344px wide.
