Typography
scale ratio 1.194- VCTR Monocss: VCTR Mono Webmono400 500 600 700100%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | VCTR Mono | 44.8px | 700 | 1.2 | 0em |
| body | VCTR Mono | 15.68px | 400 | 1.3 | 0em |
| body-sm | VCTR Mono | 14.56px | 400 | 1.3 | 0em |
Type scale
Aa14.5Aa15.5Aa18Aa19Aa20Aa23.5Aa27Aa45
- Body size
- 15.5px / 1.3
- Display size
- 44.8px
- Display tracking
- 0em
- Case
- upper
Color
light schemePalette by painted area
- Text on bg
- 12.63:1
- Muted on bg
- 3.59:1
- Accent on bg
- 6.09:1
- Dark mode
- none
Space, shape & depth
Spacing scale
- 3
- 4.5
- 5.5
- 6.5
- 7
- 8.5
- 9.5
- 11
- 12.5
- 17
- 19
- 22.5
- 33.5
- 35.5
Corner radii
23pill
Shadows (1)
- Borders
- hairline, 1px
- Section padding
- 89px
Components
exact computed valuesbutton-primary
BROWSE FONTS
- backgroundColor
- #1D49FF
- textColor
- #FFFFFF
- rounded
- 9999px
- padding
- 9.5px 28.6px
- height
- 47.8px
- fontFamily
- VCTR Mono
- fontSize
- 19.04px
- fontWeight
- 600
button-secondary
Learn More
- textColor
- #333333
- rounded
- 9999px
- padding
- 9.5px 23.8px
- height
- 47.8px
- fontFamily
- VCTR Mono
- fontSize
- 19.04px
- fontWeight
- 600
- border
- 2px solid #333333
card
- rounded
- 3px
- padding
- 0px
- backgroundColor
- #FFFFFF
input
- rounded
- 112px
- height
- 33.1px
- padding
- 4.5px 11.8px
- backgroundColor
- #F7F7F7
- border
- 2px solid #EDEDEA
Layout & motion
- Container
- 1373px
- Grid columns
- n/a
- Hero
- centered
- Navigation
- top-static
- Page height
- 4,026px
- Easing
- ease-in
- Durations
- 100ms 500ms
- Transitions
- 11
- Keyframes
- 1
- Stack
- react, cloudflare
Page sections (5)
section labels are heuristic
02nav
03cta?The Journal
04faq
How Future Fonts compares
- Body text
- 15.5px: smaller than 76% of indexed sites (median 16px).
- Largest heading
- 44.8px: smaller than 77% of indexed sites (median 60px).
- Type scale
- 1.19×: flatter than 84% of indexed sites (median 1.28×).
- Container
- 1373px: wider than 96% of indexed sites (median 1242px).
- Text contrast
- 12.6:1: lower than 86% of indexed sites (median 17.6:1).
- Page length
- 4,026px: shorter than 83% of indexed sites (median 8,217px).
- Corner radius
- Mostly 3px, shared by 5 of 274 indexed sites (2%).
- VCTR Mono
- The only site in the index that loads VCTR Mono.
- 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 Future Fonts use?
Future Fonts uses VCTR Mono (loaded as "VCTR Mono Web") for code.
What are Future Fonts's brand colors?
Future Fonts's website uses a light scheme: background #FFFFFF, surface #EDEDEA, text #333333, muted text #878787 and borders #F7F7F7.
How is Future Fonts's website laid out?
The most common corner radius is 3px, body text is 15.5px with 1.3 line height, and the page container is 1373px wide.
