Typography
scale ratio 1.508- GT Kotoheim Condensedcss: gtKotoheimCondenseddisplay30071%
- GT Kotoheimcss: gtKotoheimbody35023%
- GT Kotoheim Monocss: gtKotoheimMonomono4006%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | GT Kotoheim Condensed | 48px | 300 | 1 | -0.01em |
| headline | GT Kotoheim | 16px | 350 | 1.25 | 0em |
| body | GT Kotoheim | 14px | 350 | 1.25 | 0em |
| body-sm | GT Kotoheim Mono | 11px | 400 | 1 | 0em |
Type scale
Aa11Aa12Aa14Aa16Aa38Aa48
- Body size
- 14px / 1.25
- Display size
- 48px
- Display tracking
- -0.01em
- Case
- sentence
Color
dark schemePalette by painted area
- Text on bg
- 20.26:1
- Muted on bg
- 7.02:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 4px)
- 4
- 6
- 8
- 12
- 16
- 24
- 36
- 48
Corner radii
6
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- 282px
Layout & motion
- Container
- n/a
- Grid columns
- 16
- Hero
- left-over-media
- Navigation
- none-detected
- Page height
- 6,168px
- Easing
- linear
- Durations
- 83ms 167ms 333ms 650ms
- Transitions
- 61
- Keyframes
- 1
- Stack
- next.js, tailwind, sanity, google-tag-manager, vercel
Page sections (4)
section labels are heuristic
01heroWe’re Koto
02content?
03features?Koto acquires Stereo to build a new global studio network
04feature detail?Contact
How Koto compares
- Body text
- 14px: smaller than 82% of indexed sites (median 16px).
- Largest heading
- 48px: smaller than 68% of indexed sites (median 60px).
- Type scale
- 1.51×: steeper than 90% of indexed sites (median 1.28×).
- Text contrast
- 20.3:1: higher than 79% of indexed sites (median 17.6:1).
- Page length
- 6,168px: shorter than 69% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- GT Kotoheim Condensed
- The only site in the index that loads GT Kotoheim Condensed.
- GT Kotoheim
- The only site in the index that loads GT Kotoheim.
- Color scheme
- Dark by default, like 25% of indexed sites. Like 82% of sites, it doesn't switch with the system dark mode setting.
In short
What font does Koto use?
Koto uses GT Kotoheim Condensed (loaded as "gtKotoheimCondensed") for headings. GT Kotoheim (loaded as "gtKotoheim") is used for body text. GT Kotoheim Mono (loaded as "gtKotoheimMono") is used for code.
What are Koto's brand colors?
Koto's website uses a dark scheme: background #060606, surface #141414, text #FFFFFF, muted text #989898.
How is Koto's website laid out?
The most common corner radius is 0px, body text is 14px with 1.25 line height, and the page container is nullpx wide.
