Typography
scale ratio 1.587- GT Americacss: gt-americadisplay + body300 400 500 70096%
- Arialother4004%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | GT America | 64px | 300 | 1.1 | -0.015em |
| headline | GT America | 30px | 400 | 1.15 | -0.015em |
| body | GT America | 16px | 400 | 1.5 | 0em |
| body-sm | GT America | 12px | 400 | 1.5 | 0em |
Type scale
Aa12Aa14Aa16Aa22Aa30Aa64
- Body size
- 16px / 1.5
- Display size
- 64px
- Display tracking
- -0.015em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 16.70:1
- Muted on bg
- 7.85:1
- Accent on bg
- 6.08:1
- Dark mode
- none
Space, shape & depth
Spacing scale
- 3.5
- 5
- 8
- 12
- 14
- 16
- 18
- 19
- 20
- 24
- 30
- 31.5
- 32
- 40
Corner radii
48pill
Shadows (1)
- Borders
- regular, 2px
- Section padding
- 120px
Components
exact computed valuesbutton-primary
Get started
- backgroundColor
- #206D69
- textColor
- #FAFAF9
- rounded
- 4px
- padding
- 18px 30px
- height
- 56px
- fontFamily
- GT America
- fontSize
- 14px
- fontWeight
- 500
- border
- 2px solid #206D69
button-secondary
Get started
- textColor
- #000000
- rounded
- 4px
- padding
- 12px 20px
- height
- 44px
- fontFamily
- GT America
- fontSize
- 14px
- fontWeight
- 500
- border
- 2px solid #00000026
input
- rounded
- 4px
- height
- 37px
- padding
- 10px 14px
- backgroundColor
- #FFFFFF
- border
- 1px solid #EAEAE8
Layout & motion
- Container
- 1260px
- Grid columns
- 3
- Hero
- centered+media-below
- Navigation
- top-static+transparent
- Page height
- 7,488px
- Easing
- ease
- Durations
- 200ms 300ms 400ms 750ms
- Transitions
- 86
- Keyframes
- 0
- Stack
- next.js, hubspot, google-tag-manager, vercel, cloudflare
Page sections (11)
section labels are heuristic
01banner?
02nav
03heroIntelligent cash management for technology companies
04feature detail?Cash Management accounts built for scale
05features?Simplify lender compliance
06feature detail?Intelligent solutions to support your growth
07feature detail?Put financial analysis on autopilot
08feature detail?Secure the right financing, faster
09feature detail?Enterprise-grade security and support comes standard
10feature detail?Get access to the cash management experience built for scale.
11footer
How Arc (arc.tech) compares
- Body text
- 16px, the same as 40% of indexed sites (median 16px).
- Largest heading
- 64px: larger than 56% of indexed sites (median 60px).
- Type scale
- 1.59×: steeper than 93% of indexed sites (median 1.28×).
- Container
- 1260px: wider than 52% of indexed sites (median 1242px).
- Text contrast
- 16.7:1: lower than 61% of indexed sites (median 17.6:1).
- Page length
- 7,488px: shorter than 57% of indexed sites (median 8,217px).
- Corner radius
- Mostly 4px, shared by 24 of 274 indexed sites (9%).
- GT America
- One of 3 indexed sites that load GT America (1%).
- 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 Arc (arc.tech) use?
Arc (arc.tech) uses GT America (loaded as "gt-america") for headings and body text.
What are Arc (arc.tech)'s brand colors?
Arc (arc.tech)'s website uses a light scheme: background #FFFFFF, surface #F3F3F3, text #1E1E1C, muted text #53524B.
How is Arc (arc.tech)'s website laid out?
The most common corner radius is 4px, body text is 16px with 1.5 line height, and the page container is 1260px wide.
