Typography
scale ratio 1.173- Regulardisplay + body300 400 500 70080%
- Monomono300 400 5006%
- GT Americacss: GTAmericaother400 7005%
- GT America Monocss: gt america monoother300 5004%
- GT America Regularcss: GTAmericaRegularui300 4004%
- Floyd Gothicother3002%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Regular | 40px | 400 | 1.1 | -0.04em |
| headline | Regular | 32px | 400 | 1.15 | -0.04em |
| title | Mono | 14px | 300 | 1.4 | -0.005em |
| body | Regular | 18px | 400 | 1.25 | -0.01em |
| body-sm | GT America Mono | 14px | 300 | 1.2 | -0.007em |
| label | GT America Regular | 14px | 400 | 1.5 | 0em |
Type scale
Aa12Aa14Aa15Aa16Aa18Aa20Aa28Aa32Aa36Aa40
- Body size
- 18px / 1.2
- Display size
- 40px
- Display tracking
- -0.04em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 15.20:1
- Muted on bg
- 11.67:1
- Accent on bg
- 15.20:1
- Dark mode
- none
Space, shape & depth
Spacing scale
- 5
- 8
- 9
- 10
- 12
- 14.5
- 15
- 16
- 20
- 24
- 25
- 30
- 32
- 40
Corner radii
1
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- 81px
Components
exact computed valuesbutton-primary
Continue
- backgroundColor
- #231E1E
- textColor
- #F8F6ED
- rounded
- 1px
- padding
- 0px 0px
- height
- 50px
- fontFamily
- GT America
- fontSize
- 16px
- fontWeight
- 700
input
- rounded
- 0px
- height
- 51.6px
- padding
- 15px 15px
- backgroundColor
- #FFFFFF
- border
- 1px solid #605F5E
Layout & motion
- Container
- 1360px
- Grid columns
- 2
- Hero
- unknown
- Navigation
- top-static+transparent
- Page height
- 9,815px
- Easing
- ease
- Durations
- 200ms 500ms
- Transitions
- 2
- Keyframes
- 1
- Stack
- shopify, react, google-tag-manager, cloudflare
Page sections (13)
section labels are heuristic
01banner?
02nav
03heroTHE FLOYD BED. A modular bed system designed to change with you.
04feature detail?Since 2013, Floyd has made modular furniture designed to grow with you and stay
05features?Designed to evolve with you—The Floyd Bed Frame adapts with modular add-ons for
06feature detail?NEW: THE FLOYD BED - UPHOLSTERED
07feature detail?Choose your starting point. Then make it yours. Each is built on the same Floyd
08gallery?A thoughtfully-designed collection of customizable, configurable, and re-arrange
09feature detail?THE SOFT SERVE SECTIONAL IN 'SAFFLOWER' WITH THE BLOCK & LIFT OFF COFFEE TABLE
10feature detail?Stories for Home
11feature detail?A community of modular design enthusiasts.
12feature detail?Helping make your project perfect.
13footerJoin Our Newsletter
How Floyd Home compares
- Body text
- 18px: larger than 71% of indexed sites (median 16px).
- Largest heading
- 40px: smaller than 79% of indexed sites (median 60px).
- Type scale
- 1.17×: flatter than 92% of indexed sites (median 1.28×).
- Container
- 1360px: wider than 89% of indexed sites (median 1242px).
- Text contrast
- 15.2:1: lower than 74% of indexed sites (median 17.6:1).
- Page length
- 9,815px: longer than 65% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- Regular
- The only site in the index that loads Regular.
- Mono
- One of 2 indexed sites that load Mono (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 Floyd Home use?
Floyd Home uses Regular for headings and body text. Mono is used for code. GT America (loaded as "GTAmerica") is used for other.
What are Floyd Home's brand colors?
Floyd Home's website uses a light scheme: background #F8F6ED, surface #E6E4DC, text #231E1E, muted text #333333 and borders #7E7B71.
How is Floyd Home's website laid out?
The most common corner radius is 0px, body text is 18px with 1.2 line height, and the page container is 1360px wide.
