# Arc Browser — Design Specification

## Overview
Arc's landing page is a masterclass in modern glassmorphism. A vivid blue-purple gradient (#3139fb → #2702c2) dominates the hero, while frosted glass panels (backdrop-filter: blur) create depth. The warm creamy canvas (#fffcec) provides contrast in non-gradient sections.

## Color Architecture
- **Gradient**: Vivid blue oklch(0.499 0.274 269) → deep purple oklch(0.382 0.246 271)
- **Glass**: Semi-transparent white (rgba 255,255,255,0.7) with 20px blur
- **Canvas**: Warm cream oklch(0.989 0.021 98.1) for light sections
- **CTA**: Dark (near-black) pill buttons for contrast

## Signature Elements
- Large radius everywhere (12-20px)
- Frosted glass cards with backdrop-filter: blur(20px)
- Vivid gradient hero backgrounds
- Dark pill CTA buttons
- Generous whitespace

## Agent Prompt Guide
> Vivid blue-purple gradient hero, glass panels with blur, large radius, cream canvas, dark pill CTAs. Airy, premium, futuristic.

## Known Gaps
- Glass effects require modern browser support
- Dark mode is synthesized
- Gradient colors approximate due to dynamic CSS