Typography
scale ratio 1.235- Output Sansbody400 500 600 70054%
- GT Flexadisplay600 70046%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | GT Flexa | 64px | 600 | 1.05 | -0.02em |
| headline | GT Flexa | 48px | 700 | 0.95 | -0.02em |
| title | GT Flexa | 20px | 600 | 1.2 | -0.02em |
| body | Output Sans | 18px | 400 | 1.4 | 0em |
| body-sm | Output Sans | 17px | 400 | 1.4 | 0em |
Type scale
Aa14Aa16Aa17Aa18Aa20Aa24Aa32Aa36Aa48Aa64
- Body size
- 18px / 1.4
- Display size
- 64px
- Display tracking
- -0.02em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 16.18:1
- Muted on bg
- undefined:1
- Accent on bg
- 1.47:1
- Dark mode
- none
Space, shape & depth
Spacing scale
- 3
- 8
- 12
- 13
- 16
- 20
- 21
- 22
- 24
- 30
- 32
- 33
- 40
- 108
Corner radii
26812pill
Shadows (2)
- Borders
- hairline, 1px
- Section padding
- 110px
Components
exact computed valuesbutton-primary
Continue with Superhuman Docs
- backgroundColor
- #FFC800
- textColor
- #3A032D
- rounded
- 2px
- padding
- 0px 24px
- height
- 52px
- fontFamily
- Output Sans
- fontSize
- 16px
- fontWeight
- 400
card
- rounded
- 12px
- padding
- 0px
- backgroundColor
- #FFFAE5
- border
- 1px solid #DFDCD5
Layout & motion
- Container
- 1224px
- Grid columns
- 2
- Hero
- centered+media-below
- Navigation
- top-static+transparent
- Page height
- 6,958px
- Easing
- ease-in-out
- Durations
- 300ms
- Transitions
- 44
- Keyframes
- 7
- Stack
- next.js, cloudfront
Page sections (8)
section labels are heuristic
01banner?
02heroData Analyst
03logosYou’re in great company
04features?Want answers? Just ask.
05features?Connected to your data
06feature detail?Build reports your team will actually read
07logosCollaborate with your team
08footerYour new AI Data Analyst
How Rows compares
- Body text
- 18px: larger than 71% of indexed sites (median 16px).
- Largest heading
- 64px: larger than 56% of indexed sites (median 60px).
- Type scale
- 1.24×: flatter than 68% of indexed sites (median 1.28×).
- Container
- 1224px: narrower than 55% of indexed sites (median 1242px).
- Text contrast
- 16.2:1: lower than 66% of indexed sites (median 17.6:1).
- Page length
- 6,958px: shorter than 62% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- Output Sans
- The only site in the index that loads Output Sans.
- GT Flexa
- The only site in the index that loads GT Flexa.
- 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 Rows use?
Rows uses Output Sans for body text. GT Flexa is used for headings.
What are Rows's brand colors?
Rows's website uses a light scheme: background #FBF9F0, surface #ECE9E0, text #3A032D and borders #E8E4D9.
How is Rows's website laid out?
The most common corner radius is 0px, body text is 18px with 1.4 line height, and the page container is 1224px wide.
