Typography
scale ratio 1.623- PP Supply Sansdisplay300 580 60055%
- Interbody400 520 58035%
- Commit Monomono40010%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | PP Supply Sans | 180px | 600 | 0.889 | -0.02em |
| title | Commit Mono | 14px | 400 | 1.143 | 0em |
| body | Inter | 16px | 400 | 1.5 | -0.011em |
| body-sm | Inter | 14px | 400 | 1.429 | -0.006em |
Type scale
Aa11Aa12Aa14Aa15Aa16Aa18Aa24Aa56Aa72Aa180
- Body size
- 16px / 1.5
- Display size
- 180px
- Display tracking
- -0.02em
- Case
- sentence
Color
dark schemePalette by painted area
- Text on bg
- 21.00:1
- Muted on bg
- 8.63:1
- Accent on bg
- 4.60:1
- Dark mode
- none
Declared accent tokens
- --color-accent-mark#E32A01painted
- --color-accent-wash#260101painted
- --color-accent-solid#E32A01painted
Space, shape & depth
Spacing scale
- 2
- 2.5
- 3.5
- 4
- 6
- 8
- 8.5
- 10
- 11
- 12
- 16
- 18
- 20
- 24
Corner radii
2468pill
Shadows (1)
- Borders
- hairline, 1px
- Section padding
- 116px
Components
exact computed valuesbutton-primary
- backgroundColor
- #E32A01
- textColor
- #FFFFFF
- rounded
- 0px
- padding
- 0px 18px
- height
- 44px
- fontFamily
- Commit Mono
- fontSize
- 16px
- fontWeight
- 400
button-secondary
- backgroundColor
- #FFFFFF
- textColor
- #000000
- rounded
- 0px
- padding
- 0px 16px
- height
- 36px
- fontFamily
- Commit Mono
- fontSize
- 14px
- fontWeight
- 400
card
- rounded
- 8px
- padding
- 24px
- border
- 1px solid #2C2C2C
Layout & motion
- Container
- 1280px
- Grid columns
- 12
- Hero
- split
- Navigation
- top-fixed
- Page height
- 17,422px
- Easing
- cubic-bezier(0.4, 0, 0.2, 1)
- Durations
- 150ms 200ms 250ms 420ms
- Transitions
- 167
- Keyframes
- 4
- Stack
- next.js, tailwind, radix-ui, lenis, google-tag-manager, vercel
Page sections (15)
section labels are heuristic
01nav
02hero
03logos
05testimonialsagent. any train and Build
06features?needs agent your Everything
07features?standard. One API. Same yours. or cloud Our
08stats?speed. Container isolation. Full
09logoswords their In
10features?Works with any agent stack.
11stats?core the at Open
12features?second. the by Billed start. to Free
13cta?machine a agent every Give
How E2B compares
- Body text
- 16px, the same as 40% of indexed sites (median 16px).
- Largest heading
- 180px: larger than 98% of indexed sites (median 60px).
- Type scale
- 1.62×: steeper than 93% of indexed sites (median 1.28×).
- Container
- 1280px: wider than 55% of indexed sites (median 1242px).
- Text contrast
- 21.0:1: higher than 81% of indexed sites (median 17.6:1).
- Page length
- 17,422px: longer than 95% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- PP Supply Sans
- The only site in the index that loads PP Supply Sans.
- Inter
- One of 58 indexed sites that load Inter (21%).
- Color scheme
- Dark by default, like 25% of indexed sites. Like 82% of sites, it doesn't switch with the system dark mode setting.
In short
What font does E2B use?
E2B uses PP Supply Sans for headings. Inter is used for body text. Commit Mono is used for code.
What are E2B's brand colors?
E2B's website uses a dark scheme: background #000000, text #FFFFFF, muted text #A6A6A6 and borders #2C2C2C.
How is E2B's website laid out?
The most common corner radius is 0px, body text is 16px with 1.5 line height, and the page container is 1280px wide.
