Typography
scale ratio 1.320- Intercss: Inter Variabledisplay + body300 400 500 51085%
- JetBrains Monocss: JetBrains Mono Variablemono400 50012%
- Departure Monoother4003%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Inter | 72px | 510 | 1 | -0.03em |
| headline | Inter | 44px | 510 | 1 | -0.025em |
| title | Inter | 30px | 510 | 1.2 | -0.021em |
| body | Inter | 18px | 500 | 1.625 | -0.012em |
| body-sm | JetBrains Mono | 13px | 400 | 1.5 | 0em |
| label | Inter | 14px | 500 | 1.429 | 0em |
Type scale
Aa9.5Aa10Aa12Aa13Aa14Aa16Aa18Aa20Aa30Aa36Aa44Aa72
- Body size
- 18px / 1.625
- Display size
- 72px
- Display tracking
- -0.03em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 13.60:1
- Muted on bg
- 5.13:1
- Accent on bg
- 4.79:1
- Dark mode
- follows system
Declared accent tokens
- --color-brand#34D28Bpainted
- --color-brand-ink#0A7C50painted
- --color-brand-fill#0C8354painted
Space, shape & depth
Spacing scale (base 4px)
- 4
- 5
- 6
- 8
- 10
- 12
- 16
- 20
- 24
- 32
- 40
- 56
- 64
- 80
Corner radii
68
Shadows (2)
- Borders
- hairline, 1px
- Section padding
- n/a
Components
exact computed valuesbutton-primary
Start building
- backgroundColor
- #0C8354
- textColor
- #FFFFFF
- rounded
- 6px
- padding
- 8px 24px
- height
- 36px
- fontFamily
- Inter
- fontSize
- 14px
- fontWeight
- 500
card
- rounded
- 8px
- padding
- 0px
- backgroundColor
- #FFFFFFD9
- shadow
- rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0
Layout & motion
- Container
- 1152px
- Grid columns
- 2
- Hero
- centered-over-media+media-below
- Navigation
- top-sticky+transparent
- Page height
- 8,723px
- Easing
- cubic-bezier(0.4, 0, 0.2, 1)
- Durations
- 150ms 300ms 450ms 600ms
- Transitions
- 44
- Keyframes
- 8
- Stack
- astro, tailwind, cloudfront
Page sections (3)
01nav
03footerCompany
How Pipedream compares
- Body text
- 18px: larger than 71% of indexed sites (median 16px).
- Largest heading
- 72px: larger than 70% of indexed sites (median 60px).
- Type scale
- 1.32×: steeper than 59% of indexed sites (median 1.28×).
- Container
- 1152px: narrower than 69% of indexed sites (median 1242px).
- Text contrast
- 13.6:1: lower than 82% of indexed sites (median 17.6:1).
- Page length
- 8,723px: longer than 54% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- Inter
- One of 58 indexed sites that load Inter (21%).
- JetBrains Mono
- One of 11 indexed sites that load JetBrains Mono (4%).
- Color scheme
- Light by default, like 75% of indexed sites. It is one of 49 sites (18%) that switch with the system dark mode setting.
In short
What font does Pipedream use?
Pipedream uses Inter (loaded as "Inter Variable") for headings and body text. JetBrains Mono (loaded as "JetBrains Mono Variable") is used for code. Departure Mono is used for other.
What are Pipedream's brand colors?
Pipedream's website uses a light scheme: background #FFFFFF, surface #FFFFFFD9, text #000000D1, muted text #00000091 and borders #0000000F.
How is Pipedream's website laid out?
The most common corner radius is 0px, body text is 18px with 1.625 line height, and the page container is 1152px wide.
Similar to Pipedream
Inter Tight / Faculty Glyphic / Inter#101010
Unicorn Studiounicorn.studio
GT Planar / Berkeley Mono / Inter#F7F7F7
Buildwithfernbuildwithfern.com
Inter / Inter Tight / JetBrains Mono#F5F5F5
Upstashupstash.com
SF Pro (system-ui) / Inter / JetBrains Mono#FFFFFF
Capacitiescapacities.io
Inter / Degular / Bricolage Grotesque#FFFFFF
Deepnotedeepnote.com