Home
DESIGN.mdStar on GitHub

A calmer, more
personal internet

Experience a calmer, more personal internet. Let go of the clicks, the clutter, the distractions — a browser designed for you.

Colors
Primary
arc-indigo#3139FBPrimary, links, active
cream#FFFCEAPage (light)
indigo-deep#2702C2Pressed, gradient anchor
Surfaces
cream-2#FFFADDCards (light)
cream-3#FEF4D5Fills, hover
paper-blue#F0F1FFCool tint panel
ink-2#201E28Raised (dark)
ink#17161CPage (dark)
Text
text#17161CPrimary (light)
text-2#57545FSecondary
text-3#8A8794Muted
text-invert#FFFCEAWarm white (on ink)
Accent spectrum
amber#FFB223Space theme
coral#FF5060Space theme
pink#F19E9CSpace theme
sky#96C4FFSpace theme
Typography · Marlin Soft Basic (real, CDN CORS ✅) · Inter · Space Mono
display
Marlin · 400
A calmer internet
40pxMarlin
h2
Marlin · 400
Organize the web into Spaces
26pxMarlin
h3
Inter · 600
Command Bar, Split View, and Boosts
20px600
body
Inter · 400
Let go of the clicks, the clutter, the distractions — a browser designed for you.
16px400
url / kbd
Space Mono · 400
arc.net · ⌘T · ⌘⌥→
13pxmono
Sidebar & Spaces
Search or enter URL ⌘T
New Tab
arc.net
G

Gmail

mail.google.com — active tab in the Personal Space

Click a Space (bottom-left) to switch context · click a tab to open it
Components
Buttons
Input & Space tags
Personal Work Design Reading
Spacing
space-1
4px
space-2
8px
space-3
12px
space-4
16px
space-6
24px
space-8
32px
space-12
48px
Guardrails
DO
Anchor light UI on warm cream #FFFCEA — never plain white
Use indigo #3139FB as the single primary; reach for the spectrum only for Space themes
Theme Spaces with gradients from adjacent spectrum colors — gradients are an Arc signature
Use Marlin for display, Inter for body, Space Mono for URLs and shortcuts
Use real product vocabulary — Spaces, Command Bar, Pinned Tabs, Split View
DON'T
Use corporate flat blue or pure white — Arc is warm cream + indigo + spectrum
Apply gradients to body text or turn the whole UI into a rainbow
Use heavy Marlin weights or swap it for a generic sans — its rounded regular is the personality
Recolor the mark to a flat hue when a gradient is available
Randomize Space contents — tab lists and themes are deterministic per Space