Typography
- Pitch Sansmono400100%
- Order Arrowcss: OrderArrowbody4000%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Pitch Sans | 12px | 400 | 1.45 | 0em |
| body | Pitch Sans | 12px | 400 | 1.45 | 0em |
Type scale
Aa12
- Body size
- 12px / 1.45
- Display size
- 12px
- Display tracking
- 0em
- Case
- sentence
Color
dark schemePalette by painted area
- Text on bg
- 18.42:1
- Muted on bg
- 4.17:1
- Dark mode
- none
Space, shape & depth
Spacing scale
- 2.5
- 13.5
- 16
- 17.5
- 283.5
Corner radii
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- 76px
Layout & motion
- Container
- 1242px
- Grid columns
- n/a
- Hero
- unknown
- Navigation
- none-detected
- Page height
- 58,682px
- Easing
- ease
- Durations
- 400ms 500ms 750ms
- Transitions
- 52
- Keyframes
- 0
- Stack
- jquery, google-tag-manager
Page sections (69)
section labels are heuristic
01heroSalt Lick on Salt Creek
02features?Chapter
03feature detail?Groove
04feature detail?Knoll
05feature detail?AidKit
06feature detail?Lyme Academy of Fine Arts
07feature detail?Plot
08feature detail?Frank Lloyd Wright Building Conservancy
09feature detail?Work & Co
10feature detail?REM Decaf
11feature detail?Celestial Bodies
12features?Make with Notion
13features?KGNU
14feature detail?Washington Metropolitan Area Transit Authority
15feature detail?01 November, 2024
16features?Munson
17feature detail?Parks 2
How Order compares
- Body text
- 12px: smaller than 96% of indexed sites (median 16px).
- Largest heading
- 12px: smaller than 100% of indexed sites (median 60px).
- Container
- 1242px: wider than 50% of indexed sites (median 1242px).
- Text contrast
- 18.4:1: higher than 57% of indexed sites (median 17.6:1).
- Page length
- 58,682px: longer than 100% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- Pitch Sans
- The only site in the index that loads Pitch Sans.
- Order Arrow
- The only site in the index that loads Order Arrow.
- 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 Order use?
Order uses Pitch Sans for code. Order Arrow (loaded as "OrderArrow") is used for body text.
What are Order's brand colors?
Order's website uses a dark scheme: background #141414, text #FFFFFF, muted text #787878.
How is Order's website laid out?
The most common corner radius is 0px, body text is 12px with 1.45 line height, and the page container is 1242px wide.
