Typography
- Canva Sans 65f8d9fc23ecf321css: Canva Sans-65f8d9fc23ecf321display + body400 600 70098%
- Arialother6002%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Canva Sans 65f8d9fc23ecf321 | 64px | 400 | 1.1 | 0em |
| label | Canva Sans 65f8d9fc23ecf321 | 18px | 600 | 1.333 | 0em |
Type scale
Aa10Aa14Aa16Aa18Aa24Aa32Aa64
- Body size
- n/a
- Display size
- 64px
- Display tracking
- 0em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 5.95:1
- Muted on bg
- 3.53:1
- Accent on bg
- 5.54:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 5px)
- 5
- 6
- 8
- 10
- 16
- 20
- 24
- 25
- 34
- 40
- 80
Corner radii
222533354348pill
Shadows (1)
- Borders
- hairline, 1px
- Section padding
- n/a
Components
exact computed valuesbutton-primary
Download for free
- backgroundColor
- #FFFF00
- textColor
- #000000
- rounded
- 22px
- padding
- 10px 20px
- height
- 46px
- fontFamily
- Canva Sans 65f8d9fc23ecf321
- fontSize
- 18px
- fontWeight
- 600
button-secondary
Reduce motion
- backgroundColor
- #6437FF
- textColor
- #FFFFFF
- rounded
- 9999px
- padding
- 8px 16px
- height
- 40px
- fontFamily
- Arial
- fontSize
- 14px
- fontWeight
- 600
- border
- 1px solid #FFFFFF
Layout & motion
- Container
- 1280px
- Grid columns
- n/a
- Hero
- left-aligned
- Navigation
- top-fixed
- Page height
- 5,036px
- Easing
- ease
- Durations
- 200ms 300ms
- Transitions
- 13
- Keyframes
- 3
- Stack
- astro, cloudfront
Page sections (7)
section labels are heuristic
01nav
02heroMotion design reinvented
03content?
04content?
05content?
06content?
07faq
How Cavalry compares
- Largest heading
- 64px: larger than 56% of indexed sites (median 60px).
- Container
- 1280px: wider than 55% of indexed sites (median 1242px).
- Text contrast
- 6.0:1: lower than 96% of indexed sites (median 17.6:1).
- Page length
- 5,036px: shorter than 78% of indexed sites (median 8,217px).
- Corner radius
- Mostly 22px, shared by 1 of 274 indexed sites (0%).
- Canva Sans 65f8d9fc23ecf321
- The only site in the index that loads Canva Sans 65f8d9fc23ecf321.
- 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 Cavalry use?
Cavalry uses Canva Sans 65f8d9fc23ecf321 (loaded as "Canva Sans-65f8d9fc23ecf321") for headings and body text.
What are Cavalry's brand colors?
Cavalry's website uses a light scheme: background #6437FF, text #FFFFFF, muted text #000000.
How is Cavalry's website laid out?
The most common corner radius is 22px, body text is nullpx with null line height, and the page container is 1280px wide.
