Typography
scale ratio 1.460- Cash Sansdisplay + body400 50098%
- Arialother4002%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Cash Sans | 56px | 400 | 0.95 | -0.03em |
| headline | Cash Sans | 40px | 400 | 1.1 | -0.03em |
| title | Hiragino Sans | 40px | 400 | 1.1 | -0.03em |
| body | Cash Sans | 18px | 400 | 1.4 | -0.03em |
| label | Cash Sans | 14px | 400 | 1 | -0.02em |
Type scale
Aa12Aa14Aa16Aa18Aa20Aa40Aa56
- Body size
- 18px / 1.4
- Display size
- 56px
- Display tracking
- -0.03em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 11.67:1
- Muted on bg
- undefined:1
- Accent on bg
- 11.67:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 4px)
- 4
- 4.5
- 8
- 10.5
- 12
- 16
- 20
- 24
- 32
- 40
- 90
Corner radii
14.5pill
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- n/a
Components
exact computed valuesbutton-primary
Log in
- backgroundColor
- #000000
- textColor
- #FFFFFF
- rounded
- 9999px
- padding
- 0px 20px
- height
- 46px
- fontFamily
- Cash Sans
- fontSize
- 12px
- fontWeight
- 400
button-secondary
Learn about Green
- textColor
- #000000
- rounded
- 9999px
- padding
- 16px 19.9px
- height
- 48px
- fontFamily
- Cash Sans
- fontSize
- 14px
- fontWeight
- 400
- border
- 1px solid #000000
card
- rounded
- 14.3px
- padding
- 40px
- border
- 1px solid #0000004D
Layout & motion
- Container
- n/a
- Grid columns
- 16
- Hero
- split
- Navigation
- top-static+transparent
- Page height
- 1,440px
- Easing
- ease
- Durations
- 100ms 300ms 400ms 600ms
- Transitions
- 43
- Keyframes
- 0
- Stack
- next.js, contentful, google-tag-manager, cloudflare
Page sections (2)
01heroThe money app trusted by 59 million+ active accounts
02nav
How Cash compares
- Body text
- 18px: larger than 71% of indexed sites (median 16px).
- Largest heading
- 56px: smaller than 53% of indexed sites (median 60px).
- Type scale
- 1.46×: steeper than 86% of indexed sites (median 1.28×).
- Text contrast
- 11.7:1: lower than 89% of indexed sites (median 17.6:1).
- Page length
- 1,440px: shorter than 91% of indexed sites (median 8,217px).
- Corner radius
- Mostly fully rounded (pill), shared by 53 of 274 indexed sites (19%).
- Cash Sans
- The only site in the index that loads Cash Sans.
- 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 Cash use?
Cash uses Cash Sans for headings and body text.
What are Cash's brand colors?
Cash's website uses a light scheme: background #00E013, text #000000 and borders #0000004D.
How is Cash's website laid out?
The most common corner radius is fully rounded (pill), body text is 18px with 1.4 line height, and the page container is nullpx wide.
