Typography
scale ratio 1.294- Euclid Circular Bdisplay + body400 500 60089%
- La Belle Auroreother4006%
- Spacemonomono4005%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Euclid Circular B | 56px | 600 | 1.15 | 0em |
| headline | Euclid Circular B | 40px | 600 | 1.05 | 0em |
| body | Euclid Circular B | 20px | 400 | 1.5 | 0em |
| body-sm | Euclid Circular B | 16px | 400 | 1.5 | 0em |
| mono | Spacemono | 13px | 400 | 1.846 | 0em |
Type scale
Aa12Aa13Aa14Aa16Aa20Aa24Aa32Aa40Aa56
- Body size
- 20px / 1.5
- Display size
- 56px
- Display tracking
- 0em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 1.00:1
- Muted on bg
- undefined:1
- Accent on bg
- 1.37:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 4px)
- 6
- 8
- 12
- 16
- 20
- 24
- 30
- 40
- 56
- 80
- 84.5
- 120
Corner radii
pill
Shadows (1)
- Borders
- hairline, 1px
- Section padding
- 184px
Components
exact computed valuesbutton-primary
Get Started
- backgroundColor
- #FFD967
- textColor
- #281350
- rounded
- 9999px
- padding
- 0px 0px
- height
- 44px
- fontFamily
- Spacemono
- fontSize
- 16px
- fontWeight
- 400
button-secondary
start FREE TRIAL
- textColor
- #FFFFFF
- rounded
- 9999px
- padding
- 14px 20px
- height
- 46px
- fontFamily
- Spacemono
- fontSize
- 16px
- fontWeight
- 400
- border
- 1px solid #FFFFFF
Layout & motion
- Container
- 1328px
- Grid columns
- 5
- Hero
- centered-over-media+media-below
- Navigation
- top-static
- Page height
- 10,892px
- Easing
- ease
- Durations
- 100ms 150ms 200ms
- Transitions
- 73
- Keyframes
- 0
- Stack
- webflow, gsap, jquery, google-tag-manager, cloudflare
Page sections (10)
section labels are heuristic
01content?
02heroAccounting and tax services
03feature detail?We handle bookkeeping, tax, and advisory work for startups and small businesses.
04feature detail?Stop digging through spreadsheets for answers you need right now.
05feature detail?Get guidance from CFOs and COOs who've been there.
06feature detail?Whether you're scaling from 2 to 20 people or preparing for your exit—Pilot work
07feature detail?Here's how we solve the exact problems keeping you up at night.
08feature detail?Not ready to talk? Get free insights that move the needle.
09feature detail?Three ways to get the back office support your business needs.
10footer
How Pilot compares
- Body text
- 20px: larger than 90% of indexed sites (median 16px).
- Largest heading
- 56px: smaller than 53% of indexed sites (median 60px).
- Type scale
- 1.29×: steeper than 53% of indexed sites (median 1.28×).
- Container
- 1328px: wider than 80% of indexed sites (median 1242px).
- Text contrast
- 1.0:1: lower than 99% of indexed sites (median 17.6:1).
- Page length
- 10,892px: longer than 73% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- Euclid Circular B
- The only site in the index that loads Euclid Circular B.
- La Belle Aurore
- The only site in the index that loads La Belle Aurore.
- 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 Pilot use?
Pilot uses Euclid Circular B for headings and body text. La Belle Aurore is used for other. Spacemono is used for code.
What are Pilot's brand colors?
Pilot's website uses a light scheme: background #FFFFFF, surface #E7F9FF, text #FFFFFF and borders #E9E7ED.
How is Pilot's website laid out?
The most common corner radius is 0px, body text is 20px with 1.5 line height, and the page container is 1328px wide.
