Skip to content
Landing / Campaign

Arc

A bright, playful landing page that pairs huge, rounded headlines with brand illustrations and soft gradients, guiding the eye through a carefully hierarchized product narrative. The crafted detail of the micro-animations and transitions turns scrolling into an almost cinematic experience.

ColorGradientsLarge typeAnimation
arc.net Desktop
Full screenshot of arc.net on desktop
Full screenshot of arc.net on mobile
Mobile

Screenshots of the real site. Scroll inside each frame to go through it.

The feeling

Warm optimism and friendly technology, fresh and easygoing.

Design system Extracted from the site

Colors

Background
#ffffff
Text
#000000
Accent
#3139fb
Surface
#000000
Border
#3139fb
Palette: #3139fb #ffffff #000000

Typography

Marlin Soft SQ Headlines
Marlin Body text
Scale 32px20px

Weights: 400 · 700 · heading tracking -1.6px

Spacing, borders and layout

Spacing scale
4 · 8 · 12 · 16 · 20 · 24 px
Base unit
4px
Radii
8px · 10px · 22px · 18px
Border
2px #3139fb

Third-party style reference. AIGiner is not affiliated with or sponsored by Arc; the brand, design and content belong to their owners. Shown for illustrative purposes. Are you the owner and would rather we remove it? Write to us.

Similar pages

See all
stripe.com
Screenshot of Stripe's website

We design websites at this level

Tell us about your brand, launch or event and we'll propose a creative website with this attention to detail and this finish.