Typography
scale ratio 1.490- Monument Groteskbody40053%
- Mxi Rnd Rg Acss: mxi-rnd-rg-Adisplay4008%
- Ora Vr Rg Acss: ora-vr-rg-Aother4007%
- Mfa Rg Acss: mfa-rg-Aother4006%
- Stfn Smpl Acss: stfn-smpl-Aother4006%
- Cam Md Acss: cam-md-Aother4005%
- Hny Rg Acss: hny-rg-Aui4005%
- Monument Grotesk Monomono4004%
- Pblsh Rndd Slb Md Acss: pblsh-rndd-slb-md-Aother4004%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Monument Grotesk | 73.77px | 400 | 0.9 | 0em |
| headline | Monument Grotesk | 30.06px | 400 | 1.1 | 0em |
| title | Monument Grotesk | 19.13px | 400 | 1.1 | 0em |
| body | Monument Grotesk Mono | 15.03px | 400 | 1.3 | -0.02em |
| body-sm | Monument Grotesk Mono | 11.95px | 400 | 1.486 | -0.02em |
Type scale
Aa12Aa15Aa19Aa24.5Aa30Aa74
- Body size
- 15px / 1.3
- Display size
- 73.77px
- Display tracking
- 0em
- Case
- upper
Color
light schemePalette by painted area
- Text on bg
- 21.00:1
- Muted on bg
- undefined:1
- Accent on bg
- 21.00:1
- Dark mode
- none
Space, shape & depth
Spacing scale
- 2.5
- 3.5
- 5.5
- 6
- 7
- 9.5
- 13.5
- 14.5
- 18.5
- 20.5
- 24
- 27.5
- 29.5
- 33
Corner radii
9110pill
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- 219px
Components
exact computed valuesbutton-primary
- backgroundColor
- #000000
- textColor
- #FFFFFF
- rounded
- 0px
- padding
- 0px 0px
- height
- 29px
- fontFamily
- Monument Grotesk
- fontSize
- 9.15px
- fontWeight
- 400
card
- rounded
- 109.8px
- padding
- 27.3px
- backgroundColor
- #242423
input
- rounded
- 10.2px
- height
- 62.8px
- padding
- 0px 0px
Layout & motion
- Container
- 941px
- Grid columns
- 2
- Hero
- unknown
- Navigation
- none-detected
- Page height
- 12,140px
- Easing
- cubic-bezier(0.1, 0.6, 0.4, 1)
- Durations
- 250ms 350ms 500ms 1000ms
- Transitions
- 88
- Keyframes
- 3
- Stack
- n/a
Page sections (8)
section labels are heuristic
01hero
02feature detail?GREAT DESIGNERS USE FONT CUSTOMIZER
03features?Dinamo Hardware
04feature detail?Variable Fonts 4 Life
05gallery?MUSIC TO MY EARS
07feature detail?Pricing for Culture & Non-Profits
08newsletter
How Abcdinamo compares
- Body text
- 15px: smaller than 76% of indexed sites (median 16px).
- Largest heading
- 73.8px: larger than 76% of indexed sites (median 60px).
- Type scale
- 1.49×: steeper than 87% of indexed sites (median 1.28×).
- Container
- 941px: narrower than 86% of indexed sites (median 1242px).
- Text contrast
- 21.0:1: higher than 81% of indexed sites (median 17.6:1).
- Page length
- 12,140px: longer than 82% of indexed sites (median 8,217px).
- Corner radius
- Mostly fully rounded (pill), shared by 53 of 274 indexed sites (19%).
- Monument Grotesk
- The only site in the index that loads Monument Grotesk.
- Mxi Rnd Rg A
- The only site in the index that loads Mxi Rnd Rg A.
- 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 Abcdinamo use?
Abcdinamo uses Monument Grotesk for body text. Mxi Rnd Rg A (loaded as "mxi-rnd-rg-A") is used for headings. Ora Vr Rg A (loaded as "ora-vr-rg-A") is used for other.
What are Abcdinamo's brand colors?
Abcdinamo's website uses a light scheme: background #FFFFFF, surface #D9D9D9, text #000000 and borders #FFFFFF.
How is Abcdinamo's website laid out?
The most common corner radius is fully rounded (pill), body text is 15px with 1.3 line height, and the page container is 941px wide.
