1<html lang="en" dir="ltr">
2<head>
3<title>Noon</title>
4</head>
5<body>
6<div id="__next">
7<div class="css-ayfmfq">
8<div class="css-pan66v"></div>
9<div class="css-rqgsqp">
10
11<nav class="css-94cgio">
12 <div class="css-gbdnqo">
13 <a class="css-ceaw58"></a>
14 </div>
15 <div class="css-11hn5y">
16 <div class="css-9su7ci">
17 <span class="css-m9tyxr">Announcing Noon's $44M fundraise</span>
18 <a class="css-1mb6dgo"><span class="css-1mu71s6">Read</span></a>
19 </div>
20 </div>
21 <div class="css-xt12zm">
22 <button class="css-af12hj"><span class="css-1mu71s6">Join early access</span></button>
23 </div>
24</nav>
25
26<main class="css-79elbk">
27<div class="css-c0krht">
28
29<section class="css-t8nn2e">
30 <h1 class="css-ilqbrv">
31 <span class="css-xjr0xa">Let design</span>
32 <span class="css-jfw4hk">build</span>
33 </h1>
34 <div class="css-fg3wiw">
35 <section class="css-87s041">
36 <div class="css-1g7btl5">
37 <div class="css-0">
38 <div class="css-8g8ihq">
39 <div class="css-v25u5m">
40 <div class="css-1sq2plk">
41 <span class="css-176xxvq">Narrative Text</span>
42 </div>
43 <div class="css-16emnca">
44 <div class="css-nik8sv">
45 <div class="css-1a6510v">
46 <span class="css-18ui8bt"></span>
47 <span class="css-11zh1fw">1.375 rem</span>
48 </div>
49 </div>
50 <div class="css-1kiuafp">
51 <div class="css-1a6510v">
52 <span class="css-18ui8bt"></span>
53 <span class="css-11zh1fw">1em</span>
54 </div>
55 </div>
56 <div class="css-1kiuafp">
57 <div class="css-1a6510v">
58 <span class="css-18ui8bt"></span>
59 <span class="css-11zh1fw">-.05em</span>
60 </div>
61 </div>
62 <div class="css-nik8sv">
63 <div class="css-1a6510v">
64 <span class="css-18ui8bt"></span>
65 <span class="css-11zh1fw">text-primary</span>
66 </div>
67 </div>
68 </div>
69 </div>
70 <div class="css-ht42gx">
71 <p class="css-nszjtl">For years, one group of people has quietly labored behind the scenes, building the landscape of the internet and the software that billions of people use every day.</p>
72 <div class="css-wgdwjo">
73 <div class="css-7znlli">
74 <div class="css-fpgf2g">
75 <div class="css-1edv46i"></div>
76 </div>
77 </div>
78 <div class="css-iy8pe2">
79 <span class="css-1qnbg7y">1.25rem</span>
80 </div>
81 </div>
82 <p class="css-nszjtl">The people who obsess over the tiniest details that make technology not only useful, but also simple, elegant, and delightful.</p>
83 <div class="css-wgdwjo">
84 <div class="css-7znlli">
85 <div class="css-fpgf2g">
86 <div class="css-1edv46i"></div>
87 </div>
88 </div>
89 <div class="css-iy8pe2">
90 <span class="css-1qnbg7y">1.25rem</span>
91 </div>
92 </div>
93 <p class="css-nszjtl">The people who sweat the small stuff.</p>
94 </div>
95 </div>
96 </div>
97 </div>
98 </section>
99 </div>
100</section>
101
102<div class="css-nd9duy">
103 <section class="css-os6my8">
104 <div class="css-knexeq">
105 <div class="css-1kjhcfs">
106 <div class="css-li5gn7">
107 <div class="css-ou0gxf">
108 <span class="css-vibiy5">Button</span>
109 </div>
110 <div class="css-1vo6zgn">
111 <div class="css-e7x6hm">
112 <span class="css-16k0j2t">Join Early Access</span>
113 </div>
114 </div>
115 </div>
116 </div>
117 <div class="css-17xy3wp">
118 <div class="css-73mbmr">
119 <div class="css-ou0gxf">
120 <span class="css-vibiy5">Text Input</span>
121 </div>
122 <div class="css-1vo6zgn">
123 <div class="css-djfz48">
124 <input class="css-1ycbine">
125 </div>
126 </div>
127 </div>
128 </div>
129 <div class="css-1inkagh">
130 <div class="css-rpj7lv">
131 <div class="css-ou0gxf">
132 <span class="css-vibiy5">Radio Input</span>
133 </div>
134 <div class="css-1vo6zgn">
135 <div class="css-ebu5bj">
136 <div class="css-1pfj3o5">
137 <div class="css-12rscxx"></div>
138 <span class="css-16k0j2t">Speed</span>
139 </div>
140 <div class="css-1pfj3o5">
141 <div class="css-eqws8b"></div>
142 <span class="css-16k0j2t">Craft</span>
143 </div>
144 </div>
145 </div>
146 </div>
147 </div>
148 <div class="css-1ncjuvv">
149 <div class="css-19ujywv">
150 <div class="css-ou0gxf">
151 <span class="css-vibiy5">Slider</span>
152 </div>
153 <div class="css-1vo6zgn">
154 <div class="css-1a0c7jb">
155 <div class="css-1aj1uft"></div>
156 <div class="css-fo6xg4"></div>
157 <div class="css-mdh9wo"></div>
158 </div>
159 </div>
160 </div>
161 </div>
162 </div>
163
164 <div class="css-rnirdp">
165 <div class="css-1048o6t">
166 <div class="css-6hs85l">
167 <div class="css-1sq2plk">
168 <span class="css-176xxvq">Headline Block</span>
169 </div>
170 <div class="css-16emnca">
171 <div class="css-nik8sv">
172 <div class="css-1a6510v">
173 <span class="css-18ui8bt"></span>
174 <span class="css-11zh1fw">1.375 rem</span>
175 </div>
176 </div>
177 <div class="css-1kiuafp">
178 <div class="css-1a6510v">
179 <span class="css-18ui8bt"></span>
180 <span class="css-11zh1fw">1em</span>
181 </div>
182 </div>
183 <div class="css-1kiuafp">
184 <div class="css-1a6510v">
185 <span class="css-18ui8bt"></span>
186 <span class="css-11zh1fw">-.05em</span>
187 </div>
188 </div>
189 <div class="css-nik8sv">
190 <div class="css-1a6510v">
191 <span class="css-18ui8bt"></span>
192 <span class="css-11zh1fw">text-primary</span>
193 </div>
194 </div>
195 </div>
196 </div>
197 <div class="css-19xqq3y">
198 <div class="css-1mkjrze"></div>
199 <div class="css-1l1sb4w"></div>
200 <div class="css-1iml2u8"></div>
201 <div class="css-1j00tzg"></div>
202 <p class="css-1x4yeoy">The product designers.</p>
203 <div class="css-16oohgk"></div>
204 </div>
205 <div class="css-wwfdl7">
206 <div class="css-1xli4bf">
207 <div class="css-1a6510v">
208 <span class="css-lgw9fw">W</span>
209 <span class="css-1mm9fpl">666px</span>
210 </div>
211 </div>
212 <div class="css-1xli4bf">
213 <div class="css-1a6510v">
214 <span class="css-lgw9fw">H</span>
215 <span class="css-1mm9fpl">96px</span>
216 </div>
217 </div>
218 </div>
219 </div>
220 </div>
221
222 <div class="css-5f2sa8">
223 <div class="css-1adbbw5">
224 <div class="css-kei4x9">
225 <div class="css-ou0gxf">
226 <span class="css-vibiy5">Theme Toggle</span>
227 </div>
228 <div class="css-1vo6zgn">
229 <div class="css-9egqs7">
230 <div class="css-ij4o7n"></div>
231 <div class="css-ij4o7n"></div>
232 <div class="css-l00aoe"></div>
233 </div>
234 </div>
235 </div>
236 </div>
237 <div class="css-uhy62k">
238 <div class="css-m1uq23">
239 <div class="css-ou0gxf">
240 <span class="css-vibiy5">One-Time Password</span>
241 </div>
242 <div class="css-1vo6zgn">
243 <div class="css-by4u4l">
244 <div class="css-y8sxbq"><input class="css-ll5d88"></div>
245 <div class="css-y8sxbq"><input class="css-ll5d88"></div>
246 <div class="css-y8sxbq"><input class="css-ll5d88"></div>
247 <div class="css-y8sxbq"><input class="css-ll5d88"></div>
248 <div class="css-y8sxbq"><input class="css-ll5d88"></div>
249 <div class="css-y8sxbq"><input class="css-ll5d88"></div>
250 </div>
251 </div>
252 </div>
253 </div>
254 <div class="css-uuvzqi">
255 <div class="css-b0sbm8">
256 <div class="css-ou0gxf">
257 <span class="css-vibiy5">Scroll Progress</span>
258 </div>
259 <div class="css-1vo6zgn">
260 <div class="css-yaypqe">
261 <div class="css-1yefqig"></div>
262 <span class="css-16k0j2t"><span>0%</span></span>
263 </div>
264 </div>
265 </div>
266 </div>
267 <div class="css-9eb7nd">
268 <div class="css-1g81wud">
269 <div class="css-ou0gxf">
270 <span class="css-vibiy5">Aspect Ratio</span>
271 </div>
272 <div class="css-1vo6zgn">
273 <div class="css-tine9a">
274 <span class="css-16k0j2t">4x3</span>
275 </div>
276 </div>
277 </div>
278 </div>
279 </div>
280 </section>
281</div>
282
283<div class="css-qa7shj">
284 <section class="css-1ao5nkh">
285 <div class="css-1sekste">
286 <div class="css-97ljtj">
287 <div class="css-1edv46i"></div>
288 </div>
289 <span class="css-1lnpjgg">100vh</span>
290 </div>
291 <div class="css-1r3a3j7">
292 <div class="css-0">
293 <div class="css-8g8ihq">
294 <div class="css-v25u5m">
295 <div class="css-1sq2plk">
296 <span class="css-176xxvq">Narrative Text</span>
297 </div>
298 </div>
299 <div class="css-ht42gx">
300 <p class="css-1dozz3i">The irony is… the ones who care most about designing products are the ones that don't have a product designed for them.</p>
301 <div class="css-wgdwjo">
302 <div class="css-7znlli">
303 <div class="css-fpgf2g">
304 <div class="css-1edv46i"></div>
305 </div>
306 </div>
307 <div class="css-iy8pe2">
308 <span class="css-1qnbg7y">1.25rem</span>
309 </div>
310 </div>
311 <p class="css-1dozz3i">No workflow is more <span class="css-i309ix">broken</span> and <span class="css-i309ix">fragmented</span> in 2026 than the product designers'.</p>
312 <div class="css-wgdwjo">
313 <div class="css-7znlli">
314 <div class="css-fpgf2g">
315 <div class="css-1edv46i"></div>
316 </div>
317 </div>
318 <div class="css-iy8pe2">
319 <span class="css-1qnbg7y">1.25rem</span>
320 </div>
321 </div>
322 <p class="css-1dozz3i">They are left with an impossible tradeoff: <span class="css-1t47zx7">use generic AI tools to match the pace of the rest of the organization and sacrifice precision, or take the time to be thoughtful and become a bottleneck?</span></p>
323 </div>
324 </div>
325 </div>
326 </div>
327 </section>
328</div>
329
330<div class="css-fg3wiw">
331 <section class="css-1sxmpj2">
332 <div class="css-hqvbr7">
333 <div class="css-18gnszc">
334 <div class="css-6hs85l">
335 <div class="css-1sq2plk">
336 <span class="css-176xxvq">Draggable Text Block.1</span>
337 </div>
338 </div>
339 <div class="css-19xqq3y">
340 <div class="css-1mkjrze"></div>
341 <div class="css-1l1sb4w"></div>
342 <div class="css-1iml2u8"></div>
343 <div class="css-1j00tzg"></div>
344 <p class="css-1x4yeoy">We say, no more.</p>
345 <div class="css-16oohgk"></div>
346 </div>
347 <div class="css-wwfdl7">
348 <div class="css-1xli4bf">
349 <div class="css-1a6510v">
350 <span class="css-lgw9fw">X</span>
351 <span class="css-1mm9fpl">24px</span>
352 </div>
353 </div>
354 <div class="css-1xli4bf">
355 <div class="css-1a6510v">
356 <span class="css-lgw9fw">Y</span>
357 <span class="css-1mm9fpl">3422px</span>
358 </div>
359 </div>
360 </div>
361 </div>
362 </div>
363 <div class="css-1msr579">
364 <div class="css-18gnszc">
365 <div class="css-6hs85l">
366 <div class="css-1sq2plk">
367 <span class="css-176xxvq">Draggable Text Block.2</span>
368 </div>
369 </div>
370 <div class="css-19xqq3y">
371 <div class="css-1mkjrze"></div>
372 <div class="css-1l1sb4w"></div>
373 <div class="css-1iml2u8"></div>
374 <div class="css-1j00tzg"></div>
375 <p class="css-1x4yeoy">No more compromises.</p>
376 <div class="css-16oohgk"></div>
377 </div>
378 <div class="css-wwfdl7">
379 <div class="css-1xli4bf">
380 <div class="css-1a6510v">
381 <span class="css-lgw9fw">X</span>
382 <span class="css-1mm9fpl">271px</span>
383 </div>
384 </div>
385 <div class="css-1xli4bf">
386 <div class="css-1a6510v">
387 <span class="css-lgw9fw">Y</span>
388 <span class="css-1mm9fpl">3693px</span>
389 </div>
390 </div>
391 </div>
392 </div>
393 </div>
394 <div class="css-1scbuib">
395 <div class="css-1wwlshy">
396 <div class="css-6hs85l">
397 <div class="css-1sq2plk">
398 <span class="css-176xxvq">Draggable Text Block.3</span>
399 </div>
400 </div>
401 <div class="css-19xqq3y">
402 <div class="css-1mkjrze"></div>
403 <div class="css-1l1sb4w"></div>
404 <div class="css-1iml2u8"></div>
405 <div class="css-1j00tzg"></div>
406 <p class="css-1x4yeoy">No more trade offs between speed and craft.</p>
407 <div class="css-16oohgk"></div>
408 <div class="css-16oohgk"></div>
409 </div>
410 <div class="css-wwfdl7">
411 <div class="css-1xli4bf">
412 <div class="css-1a6510v">
413 <span class="css-lgw9fw">X</span>
414 <span class="css-1mm9fpl">103px</span>
415 </div>
416 </div>
417 <div class="css-1xli4bf">
418 <div class="css-1a6510v">
419 <span class="css-lgw9fw">Y</span>
420 <span class="css-1mm9fpl">3965px</span>
421 </div>
422 </div>
423 </div>
424 </div>
425 </div>
426 </section>
427</div>
428
429<div class="css-qa7shj">
430 <section class="css-1ao5nkh">
431 <div class="css-1sekste">
432 <div class="css-97ljtj">
433 <div class="css-1edv46i"></div>
434 </div>
435 <span class="css-1lnpjgg">100vh</span>
436 </div>
437 <div class="css-1r3a3j7">
438 <div class="css-0">
439 <div class="css-8g8ihq">
440 <div class="css-v25u5m">
441 <div class="css-1sq2plk">
442 <span class="css-176xxvq">Narrative Text</span>
443 </div>
444 </div>
445 <div class="css-ht42gx">
446 <p class="css-nszjtl">That's why we built Noon. The first design tool rebuilt from the ground up, by product designers, for product designers. That works entirely on your product code, so you can design how it looks and how it works. With AI at its core that works in seconds, not minutes.</p>
447 <div class="css-wgdwjo">
448 <div class="css-7znlli">
449 <div class="css-fpgf2g">
450 <div class="css-1edv46i"></div>
451 </div>
452 </div>
453 <div class="css-iy8pe2">
454 <span class="css-1qnbg7y">1.25rem</span>
455 </div>
456 </div>
457 <p class="css-nszjtl">Where designers can create, iterate, build, test and ship. All in one canvas. No translations or roundtrips to the codebase and back.</p>
458 </div>
459 </div>
460 </div>
461 </div>
462 </section>
463</div>
464
465<div>
466 <div class="css-qyh3hz">
467 <section class="css-1y8qn3x">
468 <div class="css-1beei4z">
469 <div class="css-vspkzx">
470 <h2 class="css-69dfay">The first dual-canvas where you <span class="css-i309ix">design how a product looks</span> and <span class="css-i309ix">how it works.</span></h2>
471 <div class="css-1jwqlx5">
472 <button class="css-1dydyaa">
473 <span class="css-qcib93">Join early access</span>
474 </button>
475 <div class="css-579czd">
476 <p class="css-jcq4yo">Connect with us on social</p>
477 <div class="css-1dw2ix2">
478 <a class="css-1wcmcc4"></a>
479 <a class="css-1wcmcc4"></a>
480 </div>
481 </div>
482 </div>
483 </div>
484 </div>
485 </section>
486 </div>
487</div>
488
489</div>
490</main>
491
492<footer class="css-19n1w19">
493 <div class="css-cxzvnn">
494 <a class="css-lp52hb">Privacy Policy</a>
495 <a class="css-lp52hb">Terms of Service</a>
496 </div>
497 <div class="css-cxzvnn">
498 <a class="css-2326ax"></a>
499 <a class="css-2326ax"></a>
500 </div>
501</footer>
502
503</div>
504</div>
505</div>
506</body>
507</html>