Typography
scale ratio 1.201- Outfitdisplay + body300 400 600100%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Outfit | 54px | 400 | 1.1 | 0em |
| title | Outfit | 24px | 400 | 1.333 | 0em |
| body | Outfit | 18px | 300 | 1.556 | 0.001em |
| body-sm | Outfit | 16px | 300 | 1.375 | 0em |
| label | Outfit | 16px | 400 | 1.5 | 0em |
Type scale
Aa0Aa12Aa13Aa14Aa16Aa18Aa20Aa24Aa28Aa32Aa36Aa54
- Body size
- 18px / 1.556
- Display size
- 54px
- Display tracking
- 0em
- Case
- title
Color
light schemePalette by painted area
- Text on bg
- 13.88:1
- Muted on bg
- 11.02:1
- Accent on bg
- 13.88:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 8px)
- 2
- 4
- 8
- 10
- 12
- 16
- 20
- 24
- 32
- 40
- 48
- 56
- 72
- 80
Corner radii
48pill
Shadows (2)
- Borders
- hairline, 1px
- Section padding
- 129px
Components
exact computed valuesbutton-primary
Experience The Art of Leica
- backgroundColor
- #222222
- textColor
- #FFFFFF
- rounded
- 9999px
- padding
- 10px 64px
- height
- 48px
- fontFamily
- Outfit
- fontSize
- 20px
- fontWeight
- 600
card
- rounded
- 4px
- padding
- 0px
- backgroundColor
- #F5F5F5
input
- rounded
- 0px
- height
- 48px
- padding
- 12px 8px
- border
- 1px solid #9A9999
Layout & motion
- Container
- 880px
- Grid columns
- 4
- Hero
- left-over-media
- Navigation
- none-detected
- Page height
- 15,264px
- Easing
- cubic-bezier(0.4, 0, 0.2, 1)
- Durations
- 150ms 200ms 300ms 500ms
- Transitions
- 81
- Keyframes
- 3
- Stack
- tailwind, jquery, google-tag-manager, cloudfront
Page sections (14)
section labels are heuristic
01heroLeica M11-P & M-A Hammertone
02feature detail?The Art of Leica
03feature detail?One Brand, Many Product Ranges
04features?The latest Products
05feature detail?Personal Advice
06features?Always with You. Leica.
07feature detail?Experience Leica
08features?Leica Gallery
09feature detail?The World of Leica
10features?The Leica Blog
11features?Leica Events
12feature detail?Leica Stores and Dealers
13newsletterLeica News
14footer
How Leica Camera compares
- Body text
- 18px: larger than 71% of indexed sites (median 16px).
- Largest heading
- 54px: smaller than 60% of indexed sites (median 60px).
- Type scale
- 1.20×: flatter than 80% of indexed sites (median 1.28×).
- Container
- 880px: narrower than 88% of indexed sites (median 1242px).
- Text contrast
- 13.9:1: lower than 82% of indexed sites (median 17.6:1).
- Page length
- 15,264px: longer than 92% of indexed sites (median 8,217px).
- Corner radius
- Mostly fully rounded (pill), shared by 53 of 274 indexed sites (19%).
- Outfit
- The only site in the index that loads Outfit.
- 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 Leica Camera use?
Leica Camera uses Outfit for headings and body text.
What are Leica Camera's brand colors?
Leica Camera's website uses a light scheme: background #F2EFEB, surface #FFFFFF, text #222222, muted text #333333 and borders #D1D1D1.
How is Leica Camera's website laid out?
The most common corner radius is fully rounded (pill), body text is 18px with 1.556 line height, and the page container is 880px wide.
