Typography
scale ratio 1.379- ABC Oraclebody35073%
- Exposurecss: Exposure VARdisplay60018%
- SF Pro (system-ui)css: -apple-systemother350 500 6009%
- ABC Favorit Monomono4000%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Exposure | 76px | 600 | 1.13 | -0.032em |
| headline | ABC Oracle | 20px | 350 | 1.42 | -0.02em |
| body | ABC Oracle | 21px | 350 | 1.42 | -0.03em |
| label | ABC Oracle | 17px | 350 | 1 | -0.015em |
| mono | ABC Favorit Mono | 13px | 400 | 1.059 | 0.14em |
Type scale
Aa13Aa14Aa17Aa18Aa20Aa21Aa22Aa38Aa64Aa76
- Body size
- 21px / 1.42
- Display size
- 76px
- Display tracking
- -0.032em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 21.00:1
- Muted on bg
- 4.00:1
- Accent on bg
- 19.68:1
- Dark mode
- none
Declared accent tokens
- --colors-brandRed#FB3A4Dnot on page
- --colors-brandBlue#3139FBnot on page
- --colors-brandDeepBlue#2404AAnot on page
Space, shape & depth
Spacing scale
- 3
- 4
- 4.5
- 6
- 8
- 9
- 10
- 12
- 18
- 24
- 25
- 31
- 185.5
Corner radii
58101216pill
Shadows (5)
- Borders
- hairline, 1px
- Section padding
- 179px
Components
exact computed valuesbutton-primary
Download Dia
- backgroundColor
- #0B0B0B
- textColor
- #FFFFFF
- rounded
- 12px
- padding
- 0px 24px
- height
- 60px
- fontFamily
- ABC Oracle
- fontSize
- 18px
- fontWeight
- 350
card
- rounded
- 12px
- padding
- 0px
- backgroundColor
- #F7F7F7
- shadow
- rgba(0, 0, 0, 0.1) 0px 0px 0px 0.5px inset, rgba(0, 0, 0, 0.05) 0.35px 0.7px 2.8px 0px inset
Layout & motion
- Container
- 1069px
- Grid columns
- 2
- Hero
- centered
- Navigation
- none-detected
- Page height
- 6,173px
- Easing
- ease
- Durations
- 150ms 200ms 300ms 700ms
- Transitions
- 63
- Keyframes
- 0
- Stack
- next.js, vercel, cloudflare
Page sections (7)
section labels are heuristic
01heroA farewell to Arc
02feature detail?We’ve decided to sunset Arc on December 22, 2026
03logos
04feature detail?Timeline
05features?Folders come along, too
06faqQuestions
07footer
How Arc (arc.net) compares
- Body text
- 21px: larger than 96% of indexed sites (median 16px).
- Largest heading
- 76px: larger than 78% of indexed sites (median 60px).
- Type scale
- 1.38×: steeper than 76% of indexed sites (median 1.28×).
- Container
- 1069px: narrower than 80% of indexed sites (median 1242px).
- Text contrast
- 21.0:1: higher than 81% of indexed sites (median 17.6:1).
- Page length
- 6,173px: shorter than 69% of indexed sites (median 8,217px).
- Corner radius
- Mostly 10px, shared by 9 of 274 indexed sites (3%).
- ABC Oracle
- The only site in the index that loads ABC Oracle.
- Exposure
- The only site in the index that loads Exposure.
- 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 Arc (arc.net) use?
Arc (arc.net) uses ABC Oracle for body text. Exposure (loaded as "Exposure VAR") is used for headings. ABC Favorit Mono is used for code.
What are Arc (arc.net)'s brand colors?
Arc (arc.net)'s website uses a light scheme: background #FFFFFF, text #000000, muted text #7F7F7F and borders #0000001C.
How is Arc (arc.net)'s website laid out?
The most common corner radius is 10px, body text is 21px with 1.42 line height, and the page container is 1069px wide.
