/ Brutalist Funnel.html
Brutalist Funnel.html
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"/> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 6 <title>STRATA⁄FLEET — Brutalist Funnel</title> 7 <link rel="preconnect" href="https://fonts.googleapis.com"> 8 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 9 <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&family=Oswald:wght@300;400;500;600;700;900&family=Caveat:wght@500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet"> 10 <style> 11 html, body { margin:0; padding:0; background:#f0eee9; overscroll-behavior:none; } 12 *{box-sizing:border-box;} 13 input, textarea, button { font: inherit; } 14 </style> 15 </head> 16 <body> 17 <div id="root"></div> 18 <script src="https://unpkg.com/react@18.3.1/umd/react.development.js" integrity="sha384-hD6/rw4ppMLGNu3tX5cjIb+uRZ7UkRJ6BPkLpg4hAu/6onKUg4lLsHAs9EBPT82L" crossorigin="anonymous"></script> 19 <script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.development.js" integrity="sha384-u6aeetuaXnQ38mYT8rp6sbXaQe3NL9t+IBXmnYxwkUI2Hw4bsp2Wvmx4yRQF1uAm" crossorigin="anonymous"></script> 20 <script src="https://unpkg.com/@babel/standalone@7.29.0/babel.min.js" integrity="sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y" crossorigin="anonymous"></script> 21 <script type="text/babel" src="design-canvas.jsx"></script> 22 <script type="text/babel" src="concepts/ship-data.jsx"></script> 23 <script type="text/babel" src="brutalist/br-tokens.jsx"></script> 24 <script type="text/babel" src="brutalist/br-cover.jsx"></script> 25 <script type="text/babel" src="brutalist/br-home.jsx"></script> 26 <script type="text/babel" src="brutalist/br-catalog.jsx"></script> 27 <script type="text/babel" src="brutalist/br-product.jsx"></script> 28 <script type="text/babel" src="brutalist/br-cart.jsx"></script> 29 <script type="text/babel" src="brutalist/br-pay.jsx"></script> 30 <script type="text/babel" src="brutalist/br-receipt.jsx"></script> 31 <script type="text/babel" src="brutalist/br-fleet.jsx"></script> 32 <script type="text/babel" src="brutalist/br-onboard.jsx"></script> 33 <script type="text/babel" src="brutalist/br-broker.jsx"></script> 34 <script type="text/babel" src="brutalist/br-service.jsx"></script> 35 <script type="text/babel" src="brutalist/br-debrief.jsx"></script> 36 <script type="text/babel" src="brutalist/br-auction.jsx"></script> 37 <script type="text/babel" src="brutalist/br-punchlist.jsx"></script> 38 <script type="text/babel" src="brutalist/br-contacts.jsx"></script> 39 <script type="text/babel" src="brutalist/br-comms.jsx"></script> 40 <script type="text/babel" src="brutalist/br-onb-shared.jsx"></script> 41 <script type="text/babel" src="brutalist/br-onb-entry.jsx"></script> 42 <script type="text/babel" src="brutalist/br-onb-buyer.jsx"></script> 43 <script type="text/babel" src="brutalist/br-onb-broker.jsx"></script> 44 <script type="text/babel" src="brutalist/br-onb-fleet.jsx"></script> 45 <script type="text/babel" src="brutalist/br-onb-inspector.jsx"></script> 46 <script type="text/babel" src="brutalist-app.jsx"></script> 47 </body> 48 </html>