{"id":4460,"date":"2018-01-10T16:18:47","date_gmt":"2018-01-10T15:18:47","guid":{"rendered":"http:\/\/streetfit.de\/?page_id=4460"},"modified":"2025-09-12T15:20:02","modified_gmt":"2025-09-12T13:20:02","slug":"lit","status":"publish","type":"page","link":"https:\/\/dabi.me\/de\/work\/lit\/","title":{"rendered":"LIT"},"content":{"rendered":"<div class=\"banner has-hover is-full-height\" id=\"banner-520001671\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img loading=\"lazy\" decoding=\"async\" width=\"1527\" height=\"1527\" src=\"https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/sreeen.jpg\" class=\"bg attachment-orginal size-orginal\" alt=\"\" \/>                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1043678428\" class=\"text-box banner-layer x50 md-x50 lg-x50 y100 md-y100 lg-y100 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<p>\u25be<\/p>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1043678428 {\n  width: 38%;\n}\n#text-box-1043678428 .text-box-content {\n  font-size: 250%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-520001671 {\n  padding-top: 100%;\n  background-color: rgb(6, 16, 26);\n}\n#banner-520001671 .banner-bg img {\n  object-position: 50% 93%;\n}\n@media (min-width:550px) {\n  #banner-520001671 {\n    padding-top: 94%;\n  }\n}\n@media (min-width:850px) {\n  #banner-520001671 {\n    padding-top: 100%;\n  }\n}\n<\/style>\n  <\/div>\n\n\n<div class=\"row row-collapse\"  id=\"row-533148204\">\n\n\t<div id=\"col-2130850996\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\t<div id=\"gap-272010913\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-272010913 {\n  padding-top: 57px;\n}\n<\/style>\n\t<\/div>\n\t\n<h4>\nInteraction Design<\/h4>\n\t<div id=\"gap-1447005679\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1447005679 {\n  padding-top: 34px;\n}\n@media (min-width:550px) {\n  #gap-1447005679 {\n    padding-top: 57px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<style>\n#row-533148204 > .col > .col-inner {\n  padding: 0px 30px 0px 30px;\n}\n<\/style>\n<\/div>\n<div class=\"row row-collapse\"  id=\"row-54585594\">\n\n\t<div id=\"col-1369792334\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_2031093529\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"430\" height=\"211\" src=\"https:\/\/dabi.me\/wp-content\/uploads\/2018\/01\/Bildschirmfoto-2018-01-10-um-16.21.11.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/dabi.me\/wp-content\/uploads\/2018\/01\/Bildschirmfoto-2018-01-10-um-16.21.11.png 430w, https:\/\/dabi.me\/wp-content\/uploads\/2018\/01\/Bildschirmfoto-2018-01-10-um-16.21.11-300x147.png 300w\" sizes=\"auto, (max-width: 430px) 100vw, 430px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_2031093529 {\n  width: 40%;\n}\n@media (min-width:550px) {\n  #image_2031093529 {\n    width: 25%;\n  }\n}\n@media (min-width:850px) {\n  #image_2031093529 {\n    width: 20%;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"row row-collapse align-middle align-center\"  id=\"row-1321930905\">\n\n\t<div id=\"col-517916436\" class=\"col medium-7 small-12 large-7\"  >\n\t\t\t\t<div class=\"col-inner text-right\"  >\n\t\t\t\n\t\t\t\n\t<div id=\"text-2742042933\" class=\"text\">\n\t\t\n<p><\/br><\/p>\n<h2>Concept for a color mixing game.<\/h2>\n<p>The top block represents an overlay of all blocks at the bottom. By rotating the bottom blocks, the player has to find the right turn combination of the same blocks above. A tap on a block turns it by 90 degrees clock-wise. That&#8217;s the only of interaction happening during the game. As soon as the correct combination is found, the lower blocks shift together and overlay to match the top block by color mixing.<\/p>\n\t\t\n<style>\n#text-2742042933 {\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-517916436 > .col-inner {\n  margin: 0px 0px 0px 0;\n}\n@media (min-width:550px) {\n  #col-517916436 > .col-inner {\n    margin: 0px 0px 0px 10%;\n  }\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-487863292\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner text-left\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1571183039\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"326\" height=\"436\" src=\"https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/thumb-lit-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/thumb-lit-1.jpg 326w, https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/thumb-lit-1-224x300.jpg 224w\" sizes=\"auto, (max-width: 326px) 100vw, 326px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1571183039 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<style>\n#row-1321930905 > .col > .col-inner {\n  padding: 0px 10% 0px 10%;\n}\n@media (min-width:550px) {\n  #row-1321930905 > .col > .col-inner {\n    padding: 0px 10% 0px 0px;\n  }\n}\n<\/style>\n<\/div>\n\t<div id=\"gap-566297992\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-566297992 {\n  padding-top: 88px;\n}\n@media (min-width:850px) {\n  #gap-566297992 {\n    padding-top: 135px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row row-collapse\"  id=\"row-1386266460\">\n\n\t<div id=\"col-685232954\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_809220218\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"1020\" src=\"https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/mix-1024x1024.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/mix-1024x1024.jpg 1024w, https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/mix-150x150.jpg 150w, https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/mix-300x300.jpg 300w, https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/mix-768x768.jpg 768w, https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/mix.jpg 1049w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_809220218 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1180789585\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_766617007\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"1020\" src=\"https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/sreeen-1024x1024.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/sreeen-1024x1024.jpg 1024w, https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/sreeen-150x150.jpg 150w, https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/sreeen-300x300.jpg 300w, https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/sreeen-768x768.jpg 768w, https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/sreeen.jpg 1527w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_766617007 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<style>\n#row-1386266460 > .col > .col-inner {\n  padding: 0px 1px 0px 1px;\n}\n<\/style>\n<\/div>\n\t<div id=\"gap-362221249\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-362221249 {\n  padding-top: 27px;\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row row-collapse\"  id=\"row-1440591157\">\n\n\t<div id=\"col-1850988196\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n<h5>The better you understand the principle of additive color mixing (R+G+B = white), the faster you can play. Thegood thing: You will also learn the principle by playing LIT.<\/h5>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t<div id=\"gap-2101233235\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-2101233235 {\n  padding-top: 100px;\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row row-collapse\"  id=\"row-1275247082\">\n\n\t<div id=\"col-1829234332\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1941129728\">\n\t\t<a class=\"image-lightbox lightbox-gallery\" title=\"\" href=\"https:\/\/dabi.me\/wp-content\/uploads\/2018\/01\/LIT-mockup-03-828x1024.jpg\">\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1400\" height=\"1732\" src=\"https:\/\/dabi.me\/wp-content\/uploads\/2018\/01\/LIT-mockup-03.jpg\" class=\"attachment-original size-original\" alt=\"\" srcset=\"https:\/\/dabi.me\/wp-content\/uploads\/2018\/01\/LIT-mockup-03.jpg 1400w, https:\/\/dabi.me\/wp-content\/uploads\/2018\/01\/LIT-mockup-03-242x300.jpg 242w, https:\/\/dabi.me\/wp-content\/uploads\/2018\/01\/LIT-mockup-03-768x950.jpg 768w, https:\/\/dabi.me\/wp-content\/uploads\/2018\/01\/LIT-mockup-03-828x1024.jpg 828w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\t\t\n<style>\n#image_1941129728 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t<div id=\"gap-1801051899\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1801051899 {\n  padding-top: 107px;\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row row-collapse\" style=\"max-width:90%\" id=\"row-2044616390\">\n\n\t<div id=\"col-1292655840\" class=\"col medium-3 small-12 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1224097191\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"517\" height=\"900\" src=\"https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/lit-iso-4.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/lit-iso-4.jpg 517w, https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/lit-iso-4-172x300.jpg 172w\" sizes=\"auto, (max-width: 517px) 100vw, 517px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1224097191 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-687346178\" class=\"col medium-3 small-12 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1197409515\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"517\" height=\"900\" src=\"https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/lit-iso-3.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/lit-iso-3.jpg 517w, https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/lit-iso-3-172x300.jpg 172w\" sizes=\"auto, (max-width: 517px) 100vw, 517px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1197409515 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-2057648983\" class=\"col medium-3 small-12 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_2143531626\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"517\" height=\"900\" src=\"https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/lit-play-3.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/lit-play-3.jpg 517w, https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/lit-play-3-172x300.jpg 172w\" sizes=\"auto, (max-width: 517px) 100vw, 517px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_2143531626 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-549914395\" class=\"col medium-3 small-12 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1027381512\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"517\" height=\"900\" src=\"https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/lit-achieve-5.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/lit-achieve-5.jpg 517w, https:\/\/dabi.me\/wp-content\/uploads\/2017\/12\/lit-achieve-5-172x300.jpg 172w\" sizes=\"auto, (max-width: 517px) 100vw, 517px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1027381512 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t<div id=\"gap-569776435\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-569776435 {\n  padding-top: 100px;\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row row-collapse\" style=\"max-width:70%\" id=\"row-1824679414\">\n\n\t<div id=\"col-1790666549\" class=\"col medium-3 small-12 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-471895983\" class=\"col hide-for-medium medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n  <div class=\"banner has-hover has-video\" id=\"banner-915002521\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                        \t<div class=\"video-overlay no-click fill hide-for-medium\"><\/div>\n\t<video class=\"video-bg fill hide-for-medium\" preload playsinline autoplay muted loop>\n\t\t<source src=\"http:\/\/www.dabi.me\/videos\/Lit-Animation-3.mp4\" type=\"video\/mp4\">\t<\/video>\n                        \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-915002521 {\n  padding-top: 640px;\n}\n<\/style>\n  <\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-153543882\" class=\"col medium-3 small-12 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<style>\n#row-1824679414 > .col > .col-inner {\n  padding: 1px 1px 1px 1px;\n}\n<\/style>\n<\/div>\n\t<div id=\"gap-237793594\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-237793594 {\n  padding-top: 100px;\n}\n<\/style>\n\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":22,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-transparent-header-light.php","meta":{"footnotes":""},"class_list":["post-4460","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dabi.me\/de\/wp-json\/wp\/v2\/pages\/4460","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dabi.me\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dabi.me\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dabi.me\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dabi.me\/de\/wp-json\/wp\/v2\/comments?post=4460"}],"version-history":[{"count":19,"href":"https:\/\/dabi.me\/de\/wp-json\/wp\/v2\/pages\/4460\/revisions"}],"predecessor-version":[{"id":8126,"href":"https:\/\/dabi.me\/de\/wp-json\/wp\/v2\/pages\/4460\/revisions\/8126"}],"up":[{"embeddable":true,"href":"https:\/\/dabi.me\/de\/wp-json\/wp\/v2\/pages\/22"}],"wp:attachment":[{"href":"https:\/\/dabi.me\/de\/wp-json\/wp\/v2\/media?parent=4460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}