<!DOCTYPE html>
<html>
<head>
<title>Log in. Sjabloon.</title>
<meta name="description" content="Log in to your Sjabloon account to create your next product." />
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="QZXW85pOUVFcQgtVka2+5KQvQC8IJ3ypdIlnq4dDTJiGr3Ag7wBLdOC5GxAPS8Jt3MD+iXBxysiXQ527aTkNOA==" />
<script src="https://js.stripe.com/v3/"></script>
<meta property="og:site_name" content="Sjabloon">
<meta property="og:title" content="Log in. Sjabloon." />
<meta property="og:description" content="Log in to your Sjabloon account to create your next product.">
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.getsjabloon.com/login" />
<meta property="og:image" content="https://www.getsjabloon.com/packs/media/images/social-483fb4efa20beb2655befb29d65850d1.jpg"></meta>
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ntscHQ">
<meta name="twitter:domain" value="getsjabloon.com" />
<meta name="twitter:title" value="Log in. Sjabloon." />
<meta name="twitter:description" value="Log in to your Sjabloon account to create your next product." />
<meta property="twitter:image" content="https://www.getsjabloon.com/packs/media/images/social-483fb4efa20beb2655befb29d65850d1.jpg"></meta>
<meta name="twitter:url" value="https://www.getsjabloon.com/login" />
<meta property="og:logo" content="https://www.getsjabloon.com/logo.jpg" />
<script src="/packs/js/application-52108bb48a94ea445faf.js" data-turbolinks-track="reload"></script>
<link rel="stylesheet" media="screen" href="/packs/css/application-49f7a508.css" data-turbolinks-track="reload" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="6ZvJ4u5D3MhqQhHVjdjAzRUq66Za_Xez7zSLX7tJ-E0" />
</head>
<body class="bg-gray-200 ">
<div class="">
<a class="block my-8 text-center" href="https://www.getsjabloon.com/">
<svg class="inline-block" width="40" height="40" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="a"><stop stop-color="#00CAFF" offset="0%"/><stop stop-color="#009AFF" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><circle fill="url(#a)" cx="100" cy="100" r="100"/><path d="M126.412 145.011v16.379H72.565v-16.379H46L83.558 39h35.136l37.356 106.011h-29.638zm-7.464-24.006L102.54 64.847l-16.267 56.158h32.676z" fill="#FFF"/></g></svg>
</a>
<div class="mt-4 max-w-lg mx-auto">
<form class="card card--light p-4" id="new_user" action="/login" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓" /><input type="hidden" name="authenticity_token" value="D2WKU6g7GXaV8gVfA/xhPvGT4XRu39045+IHuKvToYQX1fOeV8j1wkDE8DNZjQJYlC7+O65Ph2pLc7mboM1GGA==" />
<h1 class="mt-2 mb-6 text-xl font-bold">Log in</h1>
<div class="field">
<label for="user_email">Email</label>
<input autocomplete="email" placeholder="Your email" class="input" type="email" value="" name="user[email]" id="user_email" />
</div>
<div class="field">
<label class="flex justify-between" for="user_password">
Password
<a class="text-gray-600" href="/password/new">Forgot your password?</a>
</label>
<input autocomplete="current-password" placeholder="•••••••••••••" class="input" type="password" name="user[password]" id="user_password" />
</div>
<div class="field flex items-center">
<input name="user[remember_me]" type="hidden" value="0" /><input class="tgl tgl-light" type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
<label class="tgl-btn" for="user_remember_me"></label>
<label for="user_remember_me" class="ml-2">remember me</label>
</div>
<div class="buttons">
<input type="submit" name="commit" value="Log in" class="btn btn--primary" data-disable-with="Log in" />
</div>
</form>
<div class="flex justify-center items-center mt-4 text-center">
</div>
</div>
</div>
<script async defer data-domain="getsjabloon.com" src="https://plausible.io/js/plausible.js"></script>
</body>
</html>