Arc from The Browser Company
Video · Light
Design System Inspiration
Arc — extracted via DESIGN.md
Productivity · Web browser
Typography
Marlin
Heading
Exposure VAR
Body
Color palette
TL;DR
Arc utilizes a high-contrast foundation where deep blacks (`#000000`) and a signature brand blue (`#3139fb`) anchor a warm, off-white (`#fffcec`) surface. The system is characterized by a sophisticated typographic pairing of the rounded, friendly **Marlin Soft SQ** for display and the utilitarian **InterVariable** for functional body text. Layouts are airy, using 24px and 32px spacing increments to separate dense product UI screenshots from minimalist marketing copy. The visual language is punctuated by specific geometric "squircle" buttons and a recurring wavy divider motif that breaks standard horizontal sectioning.
Target audience
The target audience is tech-savvy individuals and professionals seeking a more focused and personalized browsing experience, valuing design and efficiency.
Full tech stack
Meta description
Experience a calmer, more personal internet in this browser designed for you. Let go of the clicks, the clutter, the distractions with the Arc browser.
Brand Voice
Personal, calm, and sophisticated, focusing on the emotional benefit of a well-organized digital life.
Positioning
Arc is a modern browser replacement designed for users who want to organize the different sides of their lives (work, study, hobbies) in one place. It positions itself as an intuitive, privacy-focused "home on the internet" that anticipates user needs rather than just reacting to them.
Voice principles
- —Empathetic: Focuses on the user's feelings and lifestyle (comfort, "sides of you", "your perfect setup").
- —Confident: Uses bold, definitive statements about its role as a replacement for the status quo.
- —Calm: Employs clean and gentle language to describe technical features.
- —Personal: Addresses the user directly as "you" to create a sense of intimacy and ownership.
