<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="description" content=""><meta name="author" content=""><title>Brand-o-Mat™</title><link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"><link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"><link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css"><link href="css/style.min.css" rel="stylesheet"><script src="https://labs-assets.typeform.com/cui/cui-embed.js"></script></head><body><nav class="navbar navbar-light bg-light static-top"><div class="container"><a class="navbar-brand" href="#">Brand-o-Mat<span class="trademark">™</span></a> Keep your personal brand fresh.</div></nav><header class="masthead text-white text-center"><div class="overlay"></div><div class="container"><div class="row"><div class="col-xl-9 mx-auto"><h1 class="mb-5">You're <b>perfect</b> as you are,<br>but your <b>branding</b> could use a spin!</h1></div><div class="col-md-10 col-lg-8 col-xl-9 mx-auto"><div class="cui-embed" data-cui-uid="pyXcDd" data-cui-theme="#ffffff" data-cui-avatar="https://brandom.at/img/avatar.jpg"></div></div></div></div></header><section class="features-icons bg-light text-center"><div class="container"><div class="row"><div class="col-lg-4"><div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3"><div class="features-icons-icon d-flex"><i class="icon-equalizer m-auto text-primary"></i></div><h3>1. Throw In Ideas</h3><p class="lead mb-0">Decide what goes in to your digital brand. Just throw it all in to the machine, don't worry about layout.</p></div></div><div class="col-lg-4"><div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3"><div class="features-icons-icon d-flex"><i class="icon-refresh m-auto text-primary"></i></div><h3>2. Watch It Spin...</h3><p class="lead mb-0">The generative engine creates endless variations of looks & content: business cards, social media images.</p></div></div><div class="col-lg-4"><div class="features-icons-item mx-auto mb-0 mb-lg-3"><div class="features-icons-icon d-flex"><i class="icon-magic-wand m-auto text-primary"></i></div><h3>3. Pick Your Outputs!</h3><p class="lead mb-0">You choose what to take out of the machine. What fits your digital image best? Then post it online or print it!</p></div></div></div></div><img src="img/fg-identity.png" style="width: 100%; margin-top: 7rem; margin-bottom: -7rem"></section><section class="showcase"><div class="container-fluid p-0"><div class="row no-gutters"><div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image: url('img/bg-procedural.jpg')"></div><div class="col-lg-6 order-lg-1 my-auto showcase-text"><h2>Generative Visuals</h2><p class="lead mb-0">The engine behind Brand-o-Mat™ produces unique outputs every time &mdash; custom generated per pixel for every place and every moment. We call this a <i>&ldquo;generative brand&rdquo;</i> that always adapts to its context.</p><div class="cui-embed" data-cui-uid="QqXYMA" data-cui-theme="#ffffff" data-cui-avatar="https://brandom.at/img/avatar.jpg"></div></div></div><div class="row no-gutters"><div class="col-lg-6 order-lg-1 text-white showcase-img" style="background-image: url('img/bg-trolley.jpg')"></div><div class="col-lg-6 order-lg-2 my-auto showcase-text"><h2>Reinvent Yourself</h2><p class="lead mb-0">A great brand will reflect you as you change and grow. Rather than use big data that keeps you in a filter bubble, Brand-o-Mat™ provides you tools to introspect and advice to express yourself...</p><div class="cui-embed" data-cui-uid="sBACy9" data-cui-theme="#ffffff" data-cui-avatar="https://brandom.at/img/avatar.jpg"></div></div></div><div class="row no-gutters"><div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image: url('img/bg-buttons.jpg')"></div><div class="col-lg-6 order-lg-1 my-auto showcase-text"><h2>Effortless Creativity</h2><p class="lead mb-0">Once you find the right voice for you, you'll start jamming on a daily basis. Brand-o-Mat™ assists you with mechanical tasks so you can focus on being you with style & substance!</p><div class="cui-embed" data-cui-uid="eaEkFj" data-cui-theme="#ffffff" data-cui-avatar="https://brandom.at/img/avatar.jpg"></div></div></div></div></section><section class="testimonials text-center bg-light"><div class="container"><h2 class="mb-5">What friends are saying...</h2><div class="row"><div class="col-lg-4"><div class="testimonial-item mx-auto mb-5 mb-lg-0"><img class="img-fluid rounded-circle mb-3" src="img/testimonials-denis.jpg" alt=""><h5>Denis R.</h5><p class="font-weight-light mb-0">&ldquo;Custom-crafted assets from an online tool. This is totally a game changer!&rdquo;</p></div></div><div class="col-lg-4"><div class="testimonial-item mx-auto mb-5 mb-lg-0"><img class="img-fluid rounded-circle mb-3" src="img/testimonials-petra.jpg" alt=""><h5>Petra P.</h5><p class="font-weight-light mb-0">&ldquo;My time is precious, so if I can design my visual identity with ease I'm sold! Briliant.&rdquo;</p></div></div><div class="col-lg-4"><div class="testimonial-item mx-auto mb-5 mb-lg-0"><img class="img-fluid rounded-circle mb-3" src="img/testimonials-2.jpg" alt=""><h5>Your Name Here?</h5><p class="font-weight-light mb-0">&ldquo;I can't afford to hire a brand consultant. Maybe this tool is the answer for me?&rdquo;</p></div></div></div></div></section><section class="call-to-action text-white text-center"><div class="overlay"></div><div class="container"><div class="row"><div class="col-xl-9 mx-auto"><h2 class="mb-4">There's a short queue outside... Grab a token!</h2></div><div class="col-md-10 col-lg-8 col-xl-7 mx-auto"><form><div class="form-row"><div class="col-12 col-md-9 mb-2 mb-md-0"><input type="email" class="form-control form-control-lg" placeholder="Enter your email address."></div><div class="col-12 col-md-3"><button type="submit" class="btn btn-block btn-lg btn-primary">Subscribe</button></div></div></form></div></div></div></section><footer class="footer bg-light"><div class="container"><div class="row"><div class="col-lg-6 h-100 text-center text-lg-left my-auto"><p class="text-muted small mb-4 mb-lg-0">A personal project by Alex J. Champandard, &copy; and &trade; 2018. All Rights Reserved.</p><p class="text-muted small mb-4 mb-lg-0">Photo credits: header by <a rel="nofollow" href="https://www.flickr.com/photos/galvarez51/2108292615/">Guido Alvarez</a>, footer by <a rel="nofollow" href="https://unsplash.com/photos/o7SvheEZoks">Bianca Jordan</a>.</p></div><div class="col-lg-6 h-100 text-center text-lg-right my-auto"><ul class="list-inline mb-0"><li class="list-inline-item mr-3"><a href="https://twitter.com/alexjc"><i class="fa fa-twitter fa-2x fa-fw"></i></a></li></ul></div></div></div></footer><script src="vendor/jquery/jquery.min.js"></script><script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script></body></html>