Arc

Reference it for

• A brand-announce homepage structure: hero leads with the new product name, customer-quote in larger type below, browser-screenshot mock, then features. Different cadence from "features-first" pages and more honest for products in transition.
• The electric-blue + peach-cream + black palette pattern (one saturated colour, one cream wash, one near-black). Three colours, no greys-of-grey muddle.
• A short page (8 main sections, ~3-4K page height) that does its job in one screen-scroll. Counterweight to the 11K-pixel mercury/plain rhythm.
• Bespoke Marlin + InterVariable + ABC Favorit Mono as a three-face system: display (Marlin), body (Inter), micro/mono (ABC Favorit). The mono on micro-labels is a recurring high-end-product convention.
• A pinned scroll marquee of customer quotes — the scroll keyframe is the only declared keyframe and it's the testimonial moment. Effective and cheap.
• A 5-transition motion vocabulary — the entire page motion is hover-lift on cards (transform, box-shadow 0.15s ease-out), a colour-fill on buttons (transform, background 0.15s ease), modal opacity (opacity 0.1s ease-out), and a background 0.2s ease-in-out for surface swaps. Five transitions, total.

Do not copy

• The Marlin / Marlin Soft SQ bespoke type system — The Browser Company's commissioned faces, not licensable.
• The exact electric blue #3139fb and deeper indigo #2702c2 — strongly Arc-coded.
• The peach-cream wash specifically — distinctive to Arc's brand at this stage.
• The brand-announce homepage structure on a stable-product brief — only works when the brand is genuinely transitioning to a new name or major version. On a steady-state product, the lede should be product features, not name news.
• 10-font network load (Marlin + Marlin Soft SQ + ABC Favorit Mono + InterVariable + Times fallbacks in multiple weights). Subset aggressively in a Jiffi rebuild.
• The scroll auto-marquee keyframe without prefers-reduced-motion gating — auto-scrolling content is hostile to vestibular sensitivity.