Typography
scale ratio 1.205- Robotoui400 500 70050%
- Open Sansbody400 70033%
- Roboto Condenseddisplay400 70017%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Roboto Condensed | 35.7px | 700 | 1.2 | 0.02em |
| headline | Roboto Condensed | 18px | 400 | 1.15 | 0.02em |
| body | Open Sans | 14px | 400 | 1.214 | 0em |
| body-sm | Roboto | 13.13px | 400 | 1.6 | 0em |
| label | Roboto | 16px | 400 | 1.6 | 0em |
Type scale
Aa10Aa12Aa12.5Aa13Aa14Aa16Aa18Aa26Aa27.5Aa35.5
- Body size
- 14px / 1.214
- Display size
- 35.7px
- Display tracking
- 0.02em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 12.08:1
- Muted on bg
- 5.22:1
- Accent on bg
- 21.00:1
- Dark mode
- none
Space, shape & depth
Spacing scale
- 4
- 5
- 6
- 8
- 10
- 12
- 14
- 15
- 16
- 17.5
- 20
- 25
- 28
- 47
Corner radii
34pill
Shadows (3)
- Borders
- hairline, 1px
- Section padding
- 249px
Components
exact computed valuesbutton-primary
Shop Bedding
- backgroundColor
- #000000
- textColor
- #FFFFFF
- rounded
- 3px
- padding
- 14px 28px
- height
- 48.1px
- fontFamily
- Roboto Condensed
- fontSize
- 15.75px
- fontWeight
- 700
- border
- 1px solid #000000
input
- rounded
- 0px
- height
- 46px
- padding
- 15px 6px
- backgroundColor
- #FFFFFF
- border
- 1px solid #363636
Layout & motion
- Container
- 1350px
- Grid columns
- 6
- Hero
- unknown
- Navigation
- top-sticky+transparent
- Page height
- 3,115px
- Easing
- cubic-bezier(0.4, 0, 0.2, 1)
- Durations
- 100ms 125ms 150ms 300ms
- Transitions
- 68
- Keyframes
- 2
- Stack
- shopify, vue, react, jquery, google-tag-manager, cloudflare
Page sections (4)
01nav
02hero
03logosCozy Retreat
04footerCountry
How Muji compares
- Body text
- 14px: smaller than 82% of indexed sites (median 16px).
- Largest heading
- 35.7px: smaller than 85% of indexed sites (median 60px).
- Type scale
- 1.21×: flatter than 79% of indexed sites (median 1.28×).
- Container
- 1350px: wider than 87% of indexed sites (median 1242px).
- Text contrast
- 12.1:1: lower than 88% of indexed sites (median 17.6:1).
- Page length
- 3,115px: shorter than 86% of indexed sites (median 8,217px).
- Corner radius
- Mostly 3px, shared by 5 of 274 indexed sites (2%).
- Roboto
- One of 2 indexed sites that load Roboto (1%).
- Open Sans
- The only site in the index that loads Open Sans.
- 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 Muji use?
Muji uses Roboto for ui. Open Sans is used for body text. Roboto Condensed is used for headings.
What are Muji's brand colors?
Muji's website uses a light scheme: background #FFFFFF, text #363636, muted text #6A6C77 and borders #E3E3E3.
How is Muji's website laid out?
The most common corner radius is 3px, body text is 14px with 1.214 line height, and the page container is 1350px wide.
