Typography
- Saanscss: saansdisplay + body440 456 600 652100%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Saans | 80px | 652 | 1 | -0.007em |
| headline | Saans | 44px | 652 | 1.091 | -0.009em |
| label | Saans | 16px | 456 | 1.375 | 0.013em |
Type scale
Aa12Aa14Aa16Aa20Aa24Aa44Aa56Aa80
- Body size
- n/a
- Display size
- 80px
- Display tracking
- -0.007em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 18.42:1
- Muted on bg
- 4.95:1
- Accent on bg
- 18.42:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 4px)
- 2
- 4
- 8
- 12
- 16
- 20
- 24
- 32
- 40
- 64
- 80
- 160
- 200
Corner radii
1820243032pill
Shadows (1)
- Borders
- none
- Section padding
- 160px
Components
exact computed valuesbutton-primary
- backgroundColor
- #141414
- textColor
- #FFFFFF
- rounded
- 9999px
- padding
- 0px 16px
- height
- 44px
- fontFamily
- saans
- fontSize
- 16px
- fontWeight
- 600
card
- rounded
- 24px
- padding
- 0px
- backgroundColor
- #4040400F
Layout & motion
- Container
- 1045px
- Grid columns
- 16
- Hero
- centered+media-below
- Navigation
- top-static+blur
- Page height
- 8,125px
- Easing
- cubic-bezier(0, 0, 0.2, 1)
- Durations
- 150ms 160ms 300ms 1000ms
- Transitions
- 53
- Keyframes
- 4
- Stack
- next.js, tailwind, sanity, google-tag-manager, vercel
Page sections (10)
01nav
02herodesigns that work. and agents find Where teams
03footer
04content
05logos
06logosfor all your needs. One library
07logosaccess to Mobbin. Give your AI agents
08feature detailTrusted by teams that build world-class apps.
09logos
10feature detailFind what works. Design what's next.
How Mobbin compares
- Largest heading
- 80px: larger than 80% of indexed sites (median 60px).
- Container
- 1045px: narrower than 81% of indexed sites (median 1242px).
- Text contrast
- 18.4:1: higher than 57% of indexed sites (median 17.6:1).
- Page length
- 8,125px: shorter than 51% of indexed sites (median 8,217px).
- Corner radius
- Mostly 24px, shared by 7 of 274 indexed sites (3%).
- Saans
- One of 2 indexed sites that load Saans (1%).
- 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 Mobbin use?
Mobbin uses Saans (loaded as "saans") for headings and body text.
What are Mobbin's brand colors?
Mobbin's website uses a light scheme: background #FFFFFF, surface #4040400F, text #141414, muted text #707070.
How is Mobbin's website laid out?
The most common corner radius is 24px, body text is nullpx with null line height, and the page container is 1045px wide.
