https://nateparrott.com/arc-max/index.html

1<!DOCTYPE html>
2<html>
3<head>
4	<title>Arc Max</title>
5	<meta name="viewport" content="width=device-width, initial-scale=1"/>
6	<style>
7	body {
8		background-color: #111;
9		font-family: "Helvetica Neue", "Helvetica", sans-serif;
10		margin: 0;
11		color: white;
12	}
13    a {
14        color: white;
15    }
16	.blue {
17		background-color: #234EF3;
18		color: white;
19		padding: 2em;
20		margin-block-start: 0;
21	}
22	article {
23		max-width: 740px;
24		margin: auto;
25		font-size: large;
26		line-height: 1.5;
27		padding-left: 2em;
28		padding-right: 2em;
29	}
30	video, img {
31		width: 100%;
32	}
33    .hero {
34        width: 100%;
35        max-height: 80vh;
36    }
37	@media screen and (min-width: 700px) {
38		body {
39			font-size: 20px;
40		}
41		h1 {
42			font-size: 3em;
43		}
44	}
45    h1 {
46        margin-bottom: 0;
47    }
48	section {
49		margin-block-start: 3em;
50		margin-block-end: 3em;
51	}
52	.images {
53		display: flex;
54		width: 100%;
55	}
56	.images * {
57		width: 0;
58		flex-basis: 0;
59		flex-grow: 1;
60		margin-right: 1em;
61	}
62	.images *:last-child {
63		margin-right: 0;
64	}
65	figcaption {
66		margin: 1em;
67		opacity: 0.5;
68		text-align: center;
69	}
70	</style>
71</head>
72<body>
73    <video class="hero" src="Reel.mp4" controls></video>
74	<article>
75        <h1>Arc Max</h1>
76		<p>
77            Arc Max is Arc's first bundle of AI features. We prioritized building <em>useful AI</em> that made people's browsing subtly better without asking them to learn anything new.
78		</p>
79        <p>
80            I got to work with an extraordinary team of engineers — Rosey Eisenbrand and Nathan Tannar — and had the pleasure of working closely with Patrick Moberg to prototype <em>so many</em> more things than we eventually launched. Karla Cole came up with a fantastic brand, and designed the settings screen.
81        </p>
82        <p>
83            Some day I'll write more about it. For now, you can hear about it from <a href="https://www.theverge.com/2023/10/3/23898907/arc-max-ai-browser-mac-ios">The Verge</a> or <a href="https://techcrunch.com/2023/10/03/arc-browsers-new-ai-powered-features-combine-openai-and-anthropics-models/">Techcrunch</a>.
84        </p>
85	</article>
86</body>
87</html>