Typography
scale ratio 1.203- Moridisplay + body400 600100%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Mori | 76.41px | 600 | 1 | -0.01em |
| headline | Mori | 65.78px | 400 | 1.2 | -0.01em |
| body | Mori | 14px | 400 | 1.4 | -0.01em |
Type scale
Aa14Aa15.5Aa16Aa18Aa19Aa20Aa21Aa23Aa32.5Aa33.5Aa34Aa40Aa44.5Aa66Aa76.5Aa224
- Body size
- 14px / 1.4
- Display size
- 76.41px
- Display tracking
- -0.01em
- Case
- sentence
Color
dark schemePalette by painted area
- Text on bg
- 18.43:1
- Muted on bg
- undefined:1
- Accent on bg
- 11.10:1
- Dark mode
- none
Space, shape & depth
Spacing scale
- 3
- 5
- 7.5
- 8
- 10
- 14
- 15
- 16
- 18.5
- 20
- 24
- 32
- 49.5
- 59
Corner radii
8pill
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- 119px
Components
exact computed valuesinput
- rounded
- 0px
- height
- 51.4px
- padding
- 16px 0px
- border
- 1px solid #000000
Layout & motion
- Container
- 1249px
- Grid columns
- 12
- Hero
- left-aligned
- Navigation
- top-fixed
- Page height
- 9,770px
- Easing
- cubic-bezier(0.645, 0.045, 0.355, 1)
- Durations
- 50ms 100ms 300ms 700ms
- Transitions
- 68
- Keyframes
- 0
- Stack
- gsap, google-tag-manager, cloudflare
Page sections (8)
section labels are heuristic
01nav
02heroGSAP – A wildly robust JavaScript animation library built for professionals
03feature detail?GSAP allows you to anything JS can touch. Delivering and unmatched support so yo
05content?
06logosBrands using GSAP®
07logosShowcase
08footerConnect
How GSAP compares
- Body text
- 14px: smaller than 82% of indexed sites (median 16px).
- Largest heading
- 76.4px: larger than 79% of indexed sites (median 60px).
- Type scale
- 1.20×: flatter than 79% of indexed sites (median 1.28×).
- Container
- 1249px: wider than 52% of indexed sites (median 1242px).
- Text contrast
- 18.4:1: higher than 58% of indexed sites (median 17.6:1).
- Page length
- 9,770px: longer than 65% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- Mori
- One of 2 indexed sites that load Mori (1%).
- 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 GSAP use?
GSAP uses Mori for headings and body text.
What are GSAP's brand colors?
GSAP's website uses a dark scheme: background #0E100F, text #FFFCE1 and borders #42433D.
How is GSAP's website laid out?
The most common corner radius is 0px, body text is 14px with 1.4 line height, and the page container is 1249px wide.
Similar to GSAP
Neue Montreal / Altera Carve / Neue Gstaad Normal Normal#EDEDED
Pangram Pangrampangrampangram.com
Cooper Hewitt Display / Cooper Hewitt#000000
Cooperhewittcooperhewitt.org
PP Supply Sans / Inter / Commit Mono#000000
E2Be2b.dev
Graphik / Replica Mono#111111
Awaytravelawaytravel.com
WhyteV1 / Circular XX / Whyte#1C1C1C
Inngestinngest.com