CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <script type="text/javascript"> !(function (o, c) { var n = c.documentElement, t = ' w-mod-'; (n.className += t + 'js'), ('ontouchstart' in o || (o.DocumentTouch && c instanceof DocumentTouch)) && (n.className += t + 'touch'); })(window, document); </script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;400;700;900&display=swap" rel="stylesheet" /> <link href="https://fonts.cdnfonts.com/css/futura-pt" rel="stylesheet" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="./favicon.png" /> <link rel="apple-touch-icon" href="./favicon.png" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet" /> <link href="./_app/immutable/assets/0.c3e33d16.css" rel="stylesheet"> <link href="./_app/immutable/assets/Header.d6a95659.css" rel="stylesheet"> <link href="./_app/immutable/assets/Auth.4c77afa8.css" rel="stylesheet"> <link href="./_app/immutable/assets/Button.4cc127b5.css" rel="stylesheet"><script async src="https://www.googletagmanager.com/gtag/js?id=G-CRPMKB2WP5"></script> </head> <body data-sveltekit-preload-data="hover"> <div style="display: contents"> <header class="flex items-center bg-white z-50 sticky left-0 right-0 backdrop-blur-md bg-opacity-60 show transition-all duration-500 ease-in-out svelte-1q8c339"><div class="relative max-w-[--max-width] mx-auto flex items-center justify-between w-full py-4 px-8 md:px-12"><a href="/"><div class="flex items-center gap-1"><svg width="40" height="25.31645569620253" viewBox="0 0 2524 1597" fill="none" xmlns="http://www.w3.org/2000/svg" class="group shrink-0"><path d="M799.053 143L104 1533H1494.11L799.053 143Z" fill="transparent" fill-opacity="1" stroke="#211f54" stroke-width="127.414"></path><path d="M1262.42 143L1030.74 606.333L1494.11 1533H1957.47L1262.42 143Z" fill="#211f54" fill-opacity="1" stroke="#211f54" stroke-width="127.414"></path><path d="M1725.79 143L1494.11 606.333L1957.47 1533H2420.84L1725.79 143Z" fill="transparent" fill-opacity="1" stroke="#211f54" stroke-width="127.414"></path></svg> <p class="font-display font-bold ml-[2.5%] pt-[.5%] leading-none" style="color: #211f54; font-size: 29.629629629629626px; letter-spacing: -0.2962962962962963px;">LaDataViz </p></div></a> <div class="flex items-center md:hidden"><div class="w-6 h-full gap-1 flex flex-col items-center justify-center cursor-pointer"><div class="w-full h-[2px] bg-gray-500 rounded-full"></div> <div class="w-full h-[2px] bg-gray-500 rounded-full"></div> <div class="w-full h-[2px] bg-gray-500 rounded-full"></div></div> </div> <div class="hidden md:flex flex-row gap-8"><p class="font-body text-gray-500 tracking-[-0.01em] text-[16px] leading-[24px] font-display relative group" style="text-wrap: unset"><a href="/about" class="hover:text-black transition duration-150">About</a> </p><p class="font-body text-gray-500 tracking-[-0.01em] text-[16px] leading-[24px] font-display relative group" style="text-wrap: unset"><a href="/consulting" class="hover:text-black transition duration-150">Consulting</a> </p><p class="font-body text-gray-500 tracking-[-0.01em] text-[16px] leading-[24px] font-display relative group" style="text-wrap: unset"><a href="/tools" class="hover:text-black transition duration-150">Tools</a> </p><p class="font-body text-gray-500 tracking-[-0.01em] text-[16px] leading-[24px] font-display relative group" style="text-wrap: unset"><a href="https://store.ladataviz.com/" class="hover:text-black transition duration-150">Store</a> </p><p class="font-body text-gray-500 tracking-[-0.01em] text-[16px] leading-[24px] font-display relative group" style="text-wrap: unset"><a href="/login" class="text-accent">Login</a> </p></div></div> </header> <div class="relative isolate flex w-full flex-col z-[-10]"> <svg class="absolute inset-x-0 -top-14 -z-10 h-[1000px] w-full fill-accent-semitransparent stroke-[#f4f4f4] [mask-image:linear-gradient(to_bottom_left,white_40%,transparent_50%)]"><rect width="100%" height="100%" fill="url(#pattern-dszi8qvav)" strokewidth="0"></rect><svg x="50%" y="46" strokewidth="0" class="overflow-visible"><path transform="translate(-32 640)" d="M45.119 4.5a11.5 11.5 0 0 0-11.277 9.245l-25.6 128C6.82 148.861 12.262 155.5 19.52 155.5h63.366a11.5 11.5 0 0 0 11.277-9.245l25.6-128c1.423-7.116-4.02-13.755-11.277-13.755H45.119Z"></path><path transform="translate(0 480)" d="M45.119 4.5a11.5 11.5 0 0 0-11.277 9.245l-25.6 128C6.82 148.861 12.262 155.5 19.52 155.5h63.366a11.5 11.5 0 0 0 11.277-9.245l25.6-128c1.423-7.116-4.02-13.755-11.277-13.755H45.119Z"></path><path transform="translate(-32 640)" d="M45.119 4.5a11.5 11.5 0 0 0-11.277 9.245l-25.6 128C6.82 148.861 12.262 155.5 19.52 155.5h63.366a11.5 11.5 0 0 0 11.277-9.245l25.6-128c1.423-7.116-4.02-13.755-11.277-13.755H45.119Z"></path><path transform="translate(160 640)" d="M45.119 4.5a11.5 11.5 0 0 0-11.277 9.245l-25.6 128C6.82 148.861 12.262 155.5 19.52 155.5h63.366a11.5 11.5 0 0 0 11.277-9.245l25.6-128c1.423-7.116-4.02-13.755-11.277-13.755H45.119Z"></path><path transform="translate(480 480)" d="M45.119 4.5a11.5 11.5 0 0 0-11.277 9.245l-25.6 128C6.82 148.861 12.262 155.5 19.52 155.5h63.366a11.5 11.5 0 0 0 11.277-9.245l25.6-128c1.423-7.116-4.02-13.755-11.277-13.755H45.119Z"></path><path transform="translate(288 0)" d="M45.119 4.5a11.5 11.5 0 0 0-11.277 9.245l-25.6 128C6.82 148.861 12.262 155.5 19.52 155.5h63.366a11.5 11.5 0 0 0 11.277-9.245l25.6-128c1.423-7.116-4.02-13.755-11.277-13.755H45.119Z"></path></svg><defs><pattern id="pattern-dszi8qvav" width="96" height="480" x="50%" patternUnits="userSpaceOnUse" patternTransform="translate(0 46)" fill="none"><path d="M128 0 98.572 147.138A16 16 0 0 1 82.883 160H13.117a16 16 0 0 0-15.69 12.862l-26.855 134.276A16 16 0 0 1-45.117 320H-116M64-160 34.572-12.862A16 16 0 0 1 18.883 0h-69.766a16 16 0 0 0-15.69 12.862l-26.855 134.276A16 16 0 0 1-109.117 160H-180M192 160l-29.428 147.138A15.999 15.999 0 0 1 146.883 320H77.117a16 16 0 0 0-15.69 12.862L34.573 467.138A16 16 0 0 1 18.883 480H-52M-136 480h58.883a16 16 0 0 0 15.69-12.862l26.855-134.276A16 16 0 0 1-18.883 320h69.766a16 16 0 0 0 15.69-12.862l26.855-134.276A16 16 0 0 1 109.117 160H192M-72 640h58.883a16 16 0 0 0 15.69-12.862l26.855-134.276A16 16 0 0 1 45.117 480h69.766a15.999 15.999 0 0 0 15.689-12.862l26.856-134.276A15.999 15.999 0 0 1 173.117 320H256M-200 320h58.883a15.999 15.999 0 0 0 15.689-12.862l26.856-134.276A16 16 0 0 1-82.883 160h69.766a16 16 0 0 0 15.69-12.862L29.427 12.862A16 16 0 0 1 45.117 0H128"></path></pattern></defs></svg> </div> <div class=""><div class="min-h-[80vh] flex flex-col items-center justify-center w-full max-w-4xl mx-auto px-12 pb-6 svelte-c7wo27"><h1 class="font-display font-bold text-dark-indigo leading-[1.025] text-[40px] md:text-[55px] lg:text-[70px] text-black text-center" style="text-wrap: balance;">Log in</h1> <form data-wf-user-form-type="login" class="w-full"><label for="Email" class="text-black font-display font-medium text-left text-opacity-50 text-sm mt-4">Email</label> <input type="email" maxlength="256" placeholder="" name="Email" id="wf-log-in-email" class="w-full bg-white border border-gray-300 rounded-lg p-2 text-black" autocomplete="username" required data-wf-user-form-input-type="email" value=""> <label for="Password" class="text-black font-display font-medium text-left text-opacity-50 text-sm mt-2">Password</label> <input type="password" maxlength="256" placeholder="" name="Password" id="wf-log-in-password" class="w-full bg-white border border-gray-300 rounded-lg p-2 text-black" required data-wf-user-form-input-type="password" value=""> <button class="hover:scale-[.99] px-4 md:px-6 py-3 rounded-lg font-display font-medium text-base bg-accent text-white custom-shadow w-full mt-2 svelte-16h5oel" type="submit">Log In</button></form> <div class="flex flex-row gap-1 mt-6 ml-auto justify-end"> <button class="hover:scale-[.99] px-4 md:px-6 py-3 rounded-lg font-display font-medium text-base bg-accent-semitransparent text-accent custom-shadow-secondary svelte-16h5oel" type="button">Sign Up</button> <button class="hover:scale-[.99] px-4 md:px-6 py-3 rounded-lg font-display font-medium text-base bg-accent-semitransparent text-accent custom-shadow-secondary svelte-16h5oel" type="button">Forget your password?</button></div></div> </div> <script> { __sveltekit_1ie4zj2 = { base: new URL(".", location).pathname.slice(0, -1), env: {} }; const element = document.currentScript.parentElement; const data = [null,null,null]; Promise.all([ import("./_app/immutable/entry/start.31df810a.js"), import("./_app/immutable/entry/app.cb06280e.js") ]).then(([kit, app]) => { kit.start(app, element, { node_ids: [0, 3, 27], data, form: null, error: null }); }); } </script> </div> </body> </html>