Typography
scale ratio 1.414- ABC Monument Groteskdisplay + body400 500100%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | ABC Monument Grotesk | 64px | 500 | 1 | -0.02em |
| headline | ABC Monument Grotesk | 32px | 500 | 1.2 | -0.02em |
| body | ABC Monument Grotesk | 16px | 400 | 1.4 | 0em |
| body-sm | ABC Monument Grotesk | 14px | 500 | 1.2 | 0em |
| label | ABC Monument Grotesk | 14px | 400 | 1.4 | 0em |
Type scale
Aa14Aa16Aa20Aa24Aa32Aa64
- Body size
- 16px / 1.4
- Display size
- 64px
- Display tracking
- -0.02em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 21.00:1
- Muted on bg
- 3.54:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 8px)
- 8
- 10
- 12
- 16
- 24
- 32
- 38.5
- 40
- 48
- 56
- 64
- 80
- 104
Corner radii
21.524pill
Shadows (2)
- Borders
- hairline, 1px
- Section padding
- 80px
Components
exact computed valuesbutton-primary
Dashboard
- backgroundColor
- #261E12
- textColor
- #F6F3EE
- rounded
- 9999px
- padding
- 10px 16px
- height
- 32px
- fontFamily
- ABC Monument Grotesk
- fontSize
- 14px
- fontWeight
- 500
- border
- 1px solid #261E12
button-secondary
Contact us
- backgroundColor
- #FF6600
- textColor
- #FFFFFF
- rounded
- 9999px
- padding
- 10px 16px
- height
- 32px
- fontFamily
- ABC Monument Grotesk
- fontSize
- 14px
- fontWeight
- 500
- border
- 1px solid #FF6600
card
- rounded
- 24px
- padding
- 40px
- backgroundColor
- #F6F3EE
Layout & motion
- Container
- 1184px
- Grid columns
- 6
- Hero
- centered-over-media+media-below
- Navigation
- top-static
- Page height
- 5,906px
- Easing
- ease
- Durations
- 200ms 250ms 300ms
- Transitions
- 49
- Keyframes
- 1
- Stack
- webflow, gsap, jquery, hubspot, posthog, google-tag-manager, cloudflare
Page sections (8)
01nav
02banner
03heroProgrammable card issuing and money movement
04logos100+ high growth brands, billions in volume
06testimonialsDiscover what our clients have to say
07ctaGive your engineering team the tools to ship faster
08footer
How Lithic 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.41×: steeper than 81% of indexed sites (median 1.28×).
- Container
- 1184px: narrower than 65% of indexed sites (median 1242px).
- Text contrast
- 21.0:1: higher than 81% of indexed sites (median 17.6:1).
- Page length
- 5,906px: shorter than 73% of indexed sites (median 8,217px).
- Corner radius
- Mostly 24px, shared by 7 of 274 indexed sites (3%).
- ABC Monument Grotesk
- The only site in the index that loads ABC Monument Grotesk.
- 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 Lithic use?
Lithic uses ABC Monument Grotesk for headings and body text.
What are Lithic's brand colors?
Lithic's website uses a light scheme: background #FFFFFF, surface #F6F3EE, text #000000, muted text #888888 and borders #FFFFFF1A.
How is Lithic's website laid out?
The most common corner radius is 24px, body text is 16px with 1.4 line height, and the page container is 1184px wide.
