Arc
Arc sets large Marlin Soft SQ headlines in a heavy weight with tight tracking on a light bone white canvas. Iris (#2702c2) is reserved for actions, on buttons with 10px corners, while the rest of the page stays with void text and neutral surfaces. The most common corner radius is 8px, with 10px and 22px on smaller elements.
arc.net ↗Colors
Iris
#2702c2
Primary actions and links
Indigo
#3139fb
Secondary accent and highlights
Bone White
#fffcec
Page canvas
Void
#000000
Headlines and body copy
Soft Bone White
#ffffff
Surface or divider
Ash
#696969
Supporting colour
Pale Citrine
#fffadd
Surface or divider
Type scale
Buttons
Style reference measured from the public page at arc.net on 2026-10-12 for design education. Arc and its logos are trademarks of their owners; AnimatedWebs is not affiliated with or endorsed by them. Owners can ask us to update or remove this page via our copyright page.
# Arc, Style Reference > Arc sets large Marlin Soft SQ headlines in a heavy weight with tight tracking on a light bone white canvas. Iris (#2702c2) is reserved for actions, on buttons with 10px corners, while the rest of the page stays with void text and neutral surfaces. The most common corner radius is 8px, with 10px and 22px on smaller elements. **Theme:** light · **Source:** https://arc.net (captured 2026-10-12). Measurements come from the rendered page; roles are interpreted. ## Tokens, Colors | Name | Value | Token | Role | |------|-------|-------|------| | Iris | `#2702c2` | `--color-accent` | Primary actions and links | | Indigo | `#3139fb` | `--color-secondary` | Secondary accent and highlights | | Bone White | `#fffcec` | `--color-canvas` | Page canvas | | Void | `#000000` | `--color-ink` | Headlines and body copy | | Soft Bone White | `#ffffff` | `--color-surface-1` | Surface or divider | | Ash | `#696969` | `--color-surface-2` | Supporting colour | | Pale Citrine | `#fffadd` | `--color-surface-3` | Surface or divider | ## Typography | Role | Family | Size | Weight | Line height | Tracking | |------|--------|------|--------|-------------|----------| | Display | Marlin Soft SQ | 46px | 700 | 0.93 | -0.040em | | Body | ABC Oracle | 20px | 400 | 1.20 | 0 | | Nav | Marlin Soft SQ | 14px | 500 | normal | -0.020em | Font families on the page: Marlin, Marlin Soft SQ, Exposure VAR, ABC Oracle, -apple-system, ABC Favorit Mono. Brand fonts are licensed by their owners; use a close open alternative (Inter, Geist, Manrope) if you don't hold a licence. ## Shape - Corner radius, most to least used: 8px, 10px, 22px, 4px - Primary button: background `#2702c2`, text `#ffffff`, radius 10px, padding 8px 0px, 14px / 600
