Typography
scale ratio 1.732- GT Corporatecss: GT-Corporate-Webdisplay + body40051%
- GT Mechanik Semicss: GT-Mechanik-Semi-Regularui4003%
- GT Pantheon Displaycss: GT-Pantheon-Display-Mediumui4003%
- GT Walsheimcss: GT-Walsheim-Mediumui4003%
- GT Cinetypecss: GT-Cinetype-Regularui4003%
- Amer Standcss: Amer-Stand-Regularui4003%
- GT Pressura Standardcss: GT-Pressura-Standard-Regularui4003%
- GT Canon L Standardcss: GT-Canon-L-Standard-Mediumui4003%
- GT Standard L Standardcss: GT-Standard-L-Standard-Regularui4003%
- GT Haptikcss: GT-Haptik-Regularui4003%
- Marucss: Maru-Regularui4002%
- GT Sectracss: GT-Sectra-Regularui4002%
- Alp Stacss: Alp-Sta-Regularui4002%
- Planarcss: Planar-Regularui4002%
- GT Flaire Basiccss: GT-Flaire-Basic-Regularui4002%
- GT Zirkoncss: GT-Zirkon-Regularui4002%
- GT Super Displaycss: GT-Super-Display-Mediumui4002%
- Flex Stancss: Flex-Stan-Regularui4002%
- Ultra Standardcss: Ultra-Standard-Regularother4002%
- Ee Tecss: Ee-Te-Regularother4002%
- GT Era Displaycss: GT-Era-Display-Regularother4002%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | GT Mechanik Semi | 47.81px | 400 | 1 | -0.015em |
| headline | GT Corporate | 16px | 400 | 1.375 | 0em |
| body | GT Corporate | 16px | 400 | 1.375 | 0em |
Type scale
Aa16Aa20Aa48
- Body size
- 16px / 1.375
- Display size
- 47.81px
- Display tracking
- -0.015em
- Case
- title
Color
light schemePalette by painted area
- Text on bg
- 21.00:1
- Muted on bg
- 3.36:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 5px)
- 9
- 12
- 15
- 18
- 20
- 25
- 30
- 50
Corner radii
5
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- 50px
Layout & motion
- Container
- 1195px
- Grid columns
- 14
- Hero
- left-aligned
- Navigation
- top-static+transparent
- Page height
- 5,720px
- Easing
- ease-out
- Durations
- 100ms 300ms
- Transitions
- 77
- Keyframes
- 0
- Stack
- angular, jquery, google-tag-manager, cloudfront
Page sections (4)
01navGrilli Type
03features
04footerGrilli Type
How Grillitype compares
- Body text
- 16px, the same as 40% of indexed sites (median 16px).
- Largest heading
- 47.8px: smaller than 75% of indexed sites (median 60px).
- Type scale
- 1.73×: steeper than 95% of indexed sites (median 1.28×).
- Container
- 1195px: narrower than 64% of indexed sites (median 1242px).
- Text contrast
- 21.0:1: higher than 81% of indexed sites (median 17.6:1).
- Page length
- 5,720px: shorter than 75% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- GT Corporate
- The only site in the index that loads GT Corporate.
- GT Mechanik Semi
- The only site in the index that loads GT Mechanik Semi.
- 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 Grillitype use?
Grillitype uses GT Corporate (loaded as "GT-Corporate-Web") for headings and body text. GT Mechanik Semi (loaded as "GT-Mechanik-Semi-Regular") is used for ui. GT Pantheon Display (loaded as "GT-Pantheon-Display-Medium") is used for ui.
What are Grillitype's brand colors?
Grillitype's website uses a light scheme: background #FFFFFF, text #000000, muted text #8C8C8C and borders #A0A0A0.
How is Grillitype's website laid out?
The most common corner radius is 0px, body text is 16px with 1.375 line height, and the page container is 1195px wide.
