Typography
scale ratio 1.201- TT Interphases Pro C98a05336328a01fcss: TT Interphases Pro-c98a05336328a01fdisplay + body400 500 60097%
- Input Mono 4c4a0ba0f7fa02b9css: Input Mono-4c4a0ba0f7fa02b9mono4003%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | TT Interphases Pro C98a05336328a01f | 40px | 600 | 1.2 | -0.02em |
| headline | TT Interphases Pro C98a05336328a01f | 32px | 600 | 1.2 | -0.01em |
| title | TT Interphases Pro C98a05336328a01f | 24px | 500 | 1.2 | -0.004em |
| body | TT Interphases Pro C98a05336328a01f | 16px | 400 | 1.5 | 0em |
| body-sm | TT Interphases Pro C98a05336328a01f | 14px | 400 | 1.429 | 0em |
| mono | Input Mono 4c4a0ba0f7fa02b9 | 14px | 400 | 1.429 | 0em |
Type scale
Aa10Aa11Aa11.5Aa12Aa12.5Aa13Aa14Aa16Aa18Aa20Aa24Aa32Aa40
- Body size
- 16px / 1.5
- Display size
- 40px
- Display tracking
- -0.02em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 14.62:1
- Muted on bg
- 4.80:1
- Accent on bg
- 1.41:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 4px)
- 4
- 5
- 6
- 8
- 10
- 12
- 16
- 24
- 26
- 32
- 48
- 64
- 96
- 140
Corner radii
4681216pill
Shadows (5)
- Borders
- hairline, 1px
- Section padding
- 121px
Components
exact computed valuesbutton-primary
Sign up
- backgroundColor
- #1A2B3B
- textColor
- #FFFFFF
- rounded
- 8px
- padding
- 5px 10px
- height
- 36px
- fontFamily
- TT Interphases Pro C98a05336328a01f
- fontSize
- 14px
- fontWeight
- 500
button-secondary
Contact sales
- backgroundColor
- #31F2BF
- textColor
- #1D2A36
- rounded
- 8px
- padding
- 12px 16px
- height
- 46px
- fontFamily
- TT Interphases Pro C98a05336328a01f
- fontSize
- 16px
- fontWeight
- 500
- shadow
- rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0
card
- rounded
- 16px
- padding
- 0px
- backgroundColor
- #F5F6F7
Layout & motion
- Container
- 1160px
- Grid columns
- 4
- Hero
- left-aligned
- Navigation
- top-fixed+blur
- Page height
- 8,063px
- Easing
- cubic-bezier(0.4, 0, 0.2, 1)
- Durations
- 150ms 300ms 340ms 1200ms
- Transitions
- 41
- Keyframes
- 6
- Stack
- astro, tailwind, google-tag-manager
Page sections (7)
section labels are heuristic
01nav
02heroBanking for ambitious technology companies.
03features?Comprehensive infrastructure to move, store, and lend money.
04feature detail?Our team comes from Stripe, Visa, and US government agencies.
05features?Trusted by companies of all shapes.
06feature detail?Latest updates
07footer
How Increase compares
- Body text
- 16px, the same as 40% of indexed sites (median 16px).
- Largest heading
- 40px: smaller than 79% of indexed sites (median 60px).
- Type scale
- 1.20×: flatter than 80% of indexed sites (median 1.28×).
- Container
- 1160px: narrower than 68% of indexed sites (median 1242px).
- Text contrast
- 14.6:1: lower than 79% of indexed sites (median 17.6:1).
- Page length
- 8,063px: shorter than 53% of indexed sites (median 8,217px).
- Corner radius
- Mostly 8px, shared by 21 of 274 indexed sites (8%).
- TT Interphases Pro C98a05336328a01f
- The only site in the index that loads TT Interphases Pro C98a05336328a01f.
- Input Mono 4c4a0ba0f7fa02b9
- The only site in the index that loads Input Mono 4c4a0ba0f7fa02b9.
- 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 Increase use?
Increase uses TT Interphases Pro C98a05336328a01f (loaded as "TT Interphases Pro-c98a05336328a01f") for headings and body text. Input Mono 4c4a0ba0f7fa02b9 (loaded as "Input Mono-4c4a0ba0f7fa02b9") is used for code.
What are Increase's brand colors?
Increase's website uses a light scheme: background #FFFFFF, surface #F5F6F7, text #1D2A36, muted text #657482 and borders #EDF1F5.
How is Increase's website laid out?
The most common corner radius is 8px, body text is 16px with 1.5 line height, and the page container is 1160px wide.
