Typography
scale ratio 1.165- Baskerville Urwcss: baskerville-urwdisplay40031%
- Swis721body400 50028%
- Hiragino Kaku Gothic ProNother40020%
- Swiss721other300 70016%
- Cardoother5005%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Baskerville Urw | 35px | 400 | 1.6 | 0.109em |
| title | Swis721 | 16px | 500 | 1.65 | 0.125em |
| body | Hiragino Kaku Gothic ProN | 12px | 400 | 2.167 | 0.06em |
Type scale
Aa0Aa12Aa13Aa14Aa15Aa16Aa17Aa18Aa35
- Body size
- 12px / 2.167
- Display size
- 35px
- Display tracking
- 0.109em
- Case
- mixed
Color
light schemePalette by painted area
- Text on bg
- 7.46:1
- Muted on bg
- 2.85:1
- Accent on bg
- 2.85:1
- Dark mode
- none
Space, shape & depth
Spacing scale
- 2
- 4
- 5
- 6
- 8
- 9
- 10
- 12
- 13
- 14
- 15
- 20
- 24
- 30
Corner radii
4
Shadows (1)
- Borders
- hairline, 1px
- Section padding
- 84px
Components
exact computed valuesbutton-primary
SUBSCRIBE TO EMAIL
- backgroundColor
- #99999A
- textColor
- #FFFFFF
- rounded
- 0px
- padding
- 0px 0px
- height
- 54px
- fontFamily
- Swiss721
- fontSize
- 18px
- fontWeight
- 700
input
- rounded
- 0px
- height
- 42px
- padding
- 12px 14px
- border
- 1px solid #989898
Layout & motion
- Container
- 1004px
- Grid columns
- 3
- Hero
- unknown
- Navigation
- top-sticky
- Page height
- 7,792px
- Easing
- cubic-bezier(0.25, 0.1, 0.25, 1)
- Durations
- 200ms 400ms 500ms 1000ms
- Transitions
- 43
- Keyframes
- 1
- Stack
- shopify, jquery, google-tag-manager, cloudflare
Page sections (6)
section labels are heuristic
01hero
03content?
04feature detail?JOURNAL
05content?
06footer
How KINTO USA compares
- Body text
- 12px: smaller than 96% of indexed sites (median 16px).
- Largest heading
- 35px: smaller than 85% of indexed sites (median 60px).
- Type scale
- 1.17×: flatter than 94% of indexed sites (median 1.28×).
- Container
- 1004px: narrower than 83% of indexed sites (median 1242px).
- Text contrast
- 7.5:1: lower than 96% of indexed sites (median 17.6:1).
- Page length
- 7,792px: shorter than 54% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- Baskerville Urw
- The only site in the index that loads Baskerville Urw.
- Swis721
- The only site in the index that loads Swis721.
- 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 KINTO USA use?
KINTO USA uses Baskerville Urw (loaded as "baskerville-urw") for headings. Swis721 is used for body text. Hiragino Kaku Gothic ProN is used for other.
What are KINTO USA's brand colors?
KINTO USA's website uses a light scheme: background #FFFFFF, surface #F5F5F5, text #555555, muted text #989898 and borders #E3E3E6.
How is KINTO USA's website laid out?
The most common corner radius is 0px, body text is 12px with 2.167 line height, and the page container is 1004px wide.
