<iframe></noscript> <script type="text/javascript" src="https://dl.episerver.net/13.5.8/epi-util/find.js"></script> <script type="text/javascript"> if(typeof FindApi === 'function'){var api = new FindApi();api.setApplicationUrl('/');api.setServiceApiBaseUrl('/find_v2/');api.processEventFromCurrentUri();api.bindWindowEvents();api.bindAClickEvent();api.sendBufferedEvents();} </script> <div id="app" v-cloak> <header class="header theme-dark-purple" id="header"> <div class="header__wrapper"> <div class="header__main"> <div class="header-logo"> <a href="/"> <img src="/Areas/WTC/Content/img/wtc_logo-alla-svart.svg" class="convert-svg" /> </a> </div> <div class="header__main-nav navigation-overflow"> <div class="navigation__scroll navigation__scroll--left"><span></span></div> <div class="header__main-nav-wrapper"> <ul class="primary-navigation scroll-element"> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">Vårt koncept</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>Vårt koncept</h3> <a href="/vart-koncept" class="wtc-btn regular white"><span>Vårt koncept</span></a> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>Vårt koncept</h4> <ul> <li class=""> <a href="/vart-koncept/coworking"> <strong>Coworking</strong> <span></span> </a> </li> <li class=""> <a href="/vart-koncept/kontorshotell"> <strong>Kontorshotell</strong> <span></span> </a> </li> <li class=""> <a href="/vart-koncept/kontorslokal"> <strong>Kontorslokal</strong> <span></span> </a> </li> </ul> </div> <div class="secondary-navigation__group"> <h4>Detta ingår</h4> <ul> <li class=""> <a href="/service"> <strong>Service</strong> <span>Service</span> </a> </li> <li class=""> <a href="/klubb"> <strong>Klubb</strong> <span>Klubb</span> </a> </li> <li class=""> <a href="/evenemang"> <strong>Evenemang</strong> <span>Evenemang</span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">Våra orter</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>Våra orter</h3> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>Våra orter</h4> <ul> <li class=""> <a href="/vara-fastigheter/malmo"> <strong>Malmö</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/lund"> <strong>Lund</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/helsingborg"> <strong>Helsingborg</strong> <span></span> </a> </li> </ul> </div> <div class="secondary-navigation__group"> <h4>Malmö</h4> <ul> <li class=""> <a href="/vara-fastigheter/malmo/jungmansgatan"> <strong>Jungmansgatan</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/malmo/skeppsgatan"> <strong>Skeppsgatan</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/malmo/propellergatan"> <strong>Propellergatan</strong> <span></span> </a> </li> </ul> </div> <div class="secondary-navigation__group"> <h4>Lund</h4> <ul> <li class=""> <a href="/vara-fastigheter/lund/hedvig-mollers-gata-12"> <strong>Hedvig Möllers Gata 12</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/lund/hedvig-mollers-gata-5"> <strong>Hedvig Möllers Gata 5</strong> <span></span> </a> </li> </ul> </div> <div class="secondary-navigation__group"> <h4>Helsingborg</h4> <ul> <li class=""> <a href="/vara-fastigheter/helsingborg/broderna-pihls-grand"> <strong>Bröderna Pihls Gränd</strong> <span></span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">Konferens</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>Konferens</h3> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>Konferens</h4> <ul> <li class=""> <a href="/konferenslokaler/malmo"> <strong>Malmö</strong> <span></span> </a> </li> <li class=""> <a href="/konferenslokaler/lund"> <strong>Lund</strong> <span></span> </a> </li> <li class=""> <a href="/konferenslokaler/helsingborg"> <strong>Helsingborg</strong> <span></span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">För hyresgäster</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>För hyresgäster</h3> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>För hyresgäster</h4> <ul> <li class=""> <a href="/for-hyresgaster"> <strong>Hyresgästinfo</strong> <span></span> </a> </li> <li class=""> <a href="/evenemang"> <strong>Evenemang</strong> <span></span> </a> </li> <li class=""> <a href="/klubb/medlemsformaner"> <strong>Medlemsförmåner</strong> <span></span> </a> </li> <li class=""> <a href="/klubb/medlemmar"> <strong>Medlemmar</strong> <span></span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> <li class="primary-navigation-item "> <a href="/inspiration">Inspiration</a> </li> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">Om oss</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>Om oss</h3> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>Om oss</h4> <ul> <li class=""> <a href="/om-oss/om-wtc"> <strong>Om World Trade Center</strong> <span></span> </a> </li> <li class=""> <a href="/om-oss/hallbara-kontor"> <strong>Hållbara kontor</strong> <span></span> </a> </li> <li class=""> <a href="/om-oss/press-och-media"> <strong>Press och media</strong> <span></span> </a> </li> <li class=""> <a href="/om-oss/en-del-av-granitor"> <strong>En del av Granitor</strong> <span></span> </a> </li> <li class=""> <a href="/om-oss/jobba-hos-oss"> <strong>Jobba hos oss</strong> <span>Jobba hos oss</span> </a> </li> <li class=""> <a href="/om-oss/kontakta-oss"> <strong>Kontakta oss</strong> <span></span> </a> </li> <li class=""> <a href="https://www.wtcmalmolundhelsingborg.com/"> <strong>About us</strong> <span></span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> </ul> </div> <div class="navigation__scroll navigation__scroll--right"><span></span></div> </div> <div class="header__cta"> <a href="/lediga-kontor" class="sub-header__button">Lediga kontor</a> </div> <div class="header-search"> <form action="/sok" method="get"> <input type="search" class="header-search__input" id="searchInput" name="q" /> <label for="searchInput" class="header-search__label"> <span class="header-search__label-button"></span> </label> </form> </div> <div class="languages"> <a href="#" class="languages__toggler"> <div class="language-icon"> <img src="/Areas/WTC/Content/img/globe-icon.svg" alt="" class="convert-svg" /> </div> </a> <ul class="languages-switcher"> <li> <a href="https://www.wtcmalmolundhelsingborg.com/">English</a> </li> <li> <span class="is-current-language">Svenska</span> </li> </ul> </div> <div class="header__mobile-toggle"><span></span></div> </div> </div> </header> <div class="container-fluid page-top-block"> <div class="row"> <div class="col-lg-5"> <div class="page-top-block-text light"> <div class="content"> <h1>Vilka färger får dina medarbetare att må bäst på kontoret?</h1> <div class="page-top-block__intro"> <p> Idag inreds många kontor med trendiga detaljer och djärva färgval. Studier visar att färger inte bara kan ändra vårt humör, utan också har betydande effekt på vår produktivitet på kontoret. Här får du koll på hur färger inverkar på medarbetarnas upplevelser av arbetsmiljön. Andreas Schönström på Johanson Design ger dig värdefulla råd. </p> </div> </div> </div> </div> <div class="col-lg-7 page-top-block-image-wrapper"> <div class="page-top-block-image page-top-block--info" > <div class="product-shelf-image intro-block-image"> <picture> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/globalassets/qbank/andreas-schocc88ntrocc88m-trappa-945x630-5724b0f08e2f5d96e8ffb9aa8a2c9d22ab81.jpg?width=930&format=jpg&quality=75, /globalassets/qbank/andreas-schocc88ntrocc88m-trappa-945x630-5724b0f08e2f5d96e8ffb9aa8a2c9d22ab81.jpg?width=1860&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/andreas-schocc88ntrocc88m-trappa-945x630-5724b0f08e2f5d96e8ffb9aa8a2c9d22ab81.jpg?width=700&format=jpg&quality=75, /globalassets/qbank/andreas-schocc88ntrocc88m-trappa-945x630-5724b0f08e2f5d96e8ffb9aa8a2c9d22ab81.jpg?width=1400&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/andreas-schocc88ntrocc88m-trappa-945x630-5724b0f08e2f5d96e8ffb9aa8a2c9d22ab81.jpg?width=579&format=jpg&quality=75, /globalassets/qbank/andreas-schocc88ntrocc88m-trappa-945x630-5724b0f08e2f5d96e8ffb9aa8a2c9d22ab81.jpg?width=1158&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/andreas-schocc88ntrocc88m-trappa-945x630-5724dd59efc7378811ea039ab0097cbfdea7.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/andreas-schocc88ntrocc88m-trappa-945x630-5724dd59efc7378811ea039ab0097cbfdea7.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/andreas-schocc88ntrocc88m-trappa-945x630-5724dd59efc7378811ea039ab0097cbfdea7.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/andreas-schocc88ntrocc88m-trappa-945x630-5724dd59efc7378811ea039ab0097cbfdea7.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/globalassets/qbank/andreas-schocc88ntrocc88m-trappa-945x630-5724b0f08e2f5d96e8ffb9aa8a2c9d22ab81.jpg?width=579&format=jpg&quality=75" alt="Andreas Schönström" loading="lazy"> </picture> </div> </div> </div> </div> </div> <div class="container-fluid"><div class="row"><div class="col-md-8 col-sm-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003cp\u003eKontoret fungerar ofta som b\u0026aring;de arbetsplats och m\u0026ouml;tesplats, med \u0026ouml;ppna, gemensamma ytor och kaf\u0026eacute;liknande milj\u0026ouml;er. M\u0026aring;nga ledande f\u0026ouml;retag jobbar medvetet med inredningen f\u0026ouml;r att locka medarbetare till kontoret, b\u0026aring;de nya talanger och anst\u0026auml;llda som har valm\u0026ouml;jligheten att jobba hemifr\u0026aring;n eller p\u0026aring; distans. F\u0026auml;rg \u0026auml;r en central del i kontorsmilj\u0026ouml;n, b\u0026aring;de visuellt och som ett kraftfullt redskap f\u0026ouml;r att p\u0026aring;verka v\u0026aring;r arbetsf\u0026ouml;rm\u0026aring;ga.\u003c/p\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":"Read more","Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div><div class="row"><div class="col-md-8 col-sm-12"> <div class="link-module "> <div class="link-module__text-box"> <a href="/vart-koncept" class="text-box-container orange"> <h2> Dynamiska kontor för företagets alla faser </h2> <div class="text-box-body"> <p>Vårt kontorskoncept i Malmö, Lund och Helsingborg ger dig en arbetsplats som utvecklas och förändras i takt med att du och ditt företag gör det.</p> <span class="read-more with-arrow">Läs mer och bli hyresgäst idag!</span></div> </a> </div> </div></div></div><div class="row"><div class="col-md-8 col-sm-12"> <div class="image-module single-image"> <a href="/globalassets/qbank/bild_fargpakontor_6-945x630-572566aca11c9fbd9b0f9bff40ddcaa9e12e.jpg" data-title="" data-toggle="" data-gallery="" data-type="image" class="pointer-events-none"> <div class="product-shelf-image"> <picture> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/globalassets/qbank/bild_fargpakontor_6-945x630-572566aca11c9fbd9b0f9bff40ddcaa9e12e.jpg?width=1063&format=jpg&quality=75, /globalassets/qbank/bild_fargpakontor_6-945x630-572566aca11c9fbd9b0f9bff40ddcaa9e12e.jpg?width=2126&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/bild_fargpakontor_6-945x630-572566aca11c9fbd9b0f9bff40ddcaa9e12e.jpg?width=800&format=jpg&quality=75, /globalassets/qbank/bild_fargpakontor_6-945x630-572566aca11c9fbd9b0f9bff40ddcaa9e12e.jpg?width=1600&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/bild_fargpakontor_6-945x630-572566aca11c9fbd9b0f9bff40ddcaa9e12e.jpg?width=662&format=jpg&quality=75, /globalassets/qbank/bild_fargpakontor_6-945x630-572566aca11c9fbd9b0f9bff40ddcaa9e12e.jpg?width=1324&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/bild_fargpakontor_6-945x630-572566aca11c9fbd9b0f9bff40ddcaa9e12e.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/bild_fargpakontor_6-945x630-572566aca11c9fbd9b0f9bff40ddcaa9e12e.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/bild_fargpakontor_6-945x630-572566aca11c9fbd9b0f9bff40ddcaa9e12e.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/bild_fargpakontor_6-945x630-572566aca11c9fbd9b0f9bff40ddcaa9e12e.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/globalassets/qbank/bild_fargpakontor_6-945x630-572566aca11c9fbd9b0f9bff40ddcaa9e12e.jpg?width=662&format=jpg&quality=75" alt="" loading="lazy"> </picture> </div> </a> </div> </div></div><div class="row"><div class="col-md-8 col-sm-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003ch3\u003eVi g\u0026aring;r mot mer hemlika milj\u0026ouml;er p\u0026aring; kontoret\u003c/h3\u003e\n\u003cp\u003eAndreas Sch\u0026ouml;nstr\u0026ouml;m \u0026auml;r regionchef p\u0026aring; Johanson Design, som \u0026auml;r ett internationellt inredningsf\u0026ouml;retag specialiserat p\u0026aring; skandinavisk design och gediget m\u0026ouml;belhantverk f\u0026ouml;r offentlig milj\u0026ouml;. Johanson Design har inrett ett flertal av World Trade Centerns milj\u0026ouml;er i Malm\u0026ouml;, bland annat foaj\u0026eacute;n och receptionen p\u0026aring; Jungmansgatan.\u003c/p\u003e\n\u003cp\u003e\u0026ndash; Vi ser tydligt att intresset f\u0026ouml;r inredning \u0026ouml;kar stadigt. Exempelvis finns det idag m\u0026auml;ngder av inredningsprogram p\u0026aring; tv, och trender sprider sig snabbt den v\u0026auml;gen. Detta spiller \u0026ouml;ver p\u0026aring; hur vi vill ha det p\u0026aring; jobbet, och vi s\u0026ouml;ker allt mer hemlika milj\u0026ouml;er p\u0026aring; kontoret.\u003c/p\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":null,"Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div><div class="row"><div class="col-md-8 col-sm-12"> <div class="image-module single-image"> <a href="/globalassets/qbank/c27a2679-redigera-43593601c1c2e03bbeebc7e47429e69c7723.jpg" data-title="" data-toggle="" data-gallery="" data-type="image" class="pointer-events-none"> <div class="product-shelf-image"> <picture> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/globalassets/qbank/c27a2679-redigera-43593601c1c2e03bbeebc7e47429e69c7723.jpg?width=1063&format=jpg&quality=75, /globalassets/qbank/c27a2679-redigera-43593601c1c2e03bbeebc7e47429e69c7723.jpg?width=2126&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/c27a2679-redigera-43593601c1c2e03bbeebc7e47429e69c7723.jpg?width=800&format=jpg&quality=75, /globalassets/qbank/c27a2679-redigera-43593601c1c2e03bbeebc7e47429e69c7723.jpg?width=1600&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/c27a2679-redigera-43593601c1c2e03bbeebc7e47429e69c7723.jpg?width=662&format=jpg&quality=75, /globalassets/qbank/c27a2679-redigera-43593601c1c2e03bbeebc7e47429e69c7723.jpg?width=1324&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/c27a2679-redigera-43593601c1c2e03bbeebc7e47429e69c7723.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/c27a2679-redigera-43593601c1c2e03bbeebc7e47429e69c7723.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/c27a2679-redigera-43593601c1c2e03bbeebc7e47429e69c7723.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/c27a2679-redigera-43593601c1c2e03bbeebc7e47429e69c7723.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/globalassets/qbank/c27a2679-redigera-43593601c1c2e03bbeebc7e47429e69c7723.jpg?width=662&format=jpg&quality=75" alt="" loading="lazy"> </picture> </div> </a> </div> </div></div><div class="row"><div class="col-md-8 col-sm-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003cp\u003eF\u0026ouml;r att skapa milj\u0026ouml;er som k\u0026auml;nns nutida men ocks\u0026aring; fungerar i vardagen \u0026auml;r det viktigt att v\u0026auml;ga samman gamla sanningar och nya influenser. Andreas Sch\u0026ouml;nstr\u0026ouml;m ber\u0026auml;ttar att han och hans kollegor h\u0026auml;mtar inspiration fr\u0026aring;n m\u0026aring;nga olika h\u0026aring;ll, exempelvis fr\u0026aring;n modev\u0026auml;rlden. Det g\u0026auml;ller allt fr\u0026aring;n f\u0026auml;rger och former till material och detaljer.\u003c/p\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":null,"Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div><div class="row"><div class="col-md-8 col-sm-12"> <div class="link-module "> <div class="link-module__text-box"> <a href="/vart-koncept" class="text-box-container orange"> <h2> Dynamiska kontor för företagets alla faser </h2> <div class="text-box-body"> <p>Vårt kontorskoncept i Malmö, Lund och Helsingborg ger dig en arbetsplats som utvecklas och förändras i takt med att du och ditt företag gör det.</p> <span class="read-more with-arrow">Läs mer och bli hyresgäst idag!</span></div> </a> </div> </div></div></div><div class="row"><div class="col-md-8 col-sm-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":"Read more","Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div><div class="row"><div class="col-md-8 col-sm-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003ch3\u003eV\u0026auml;lj f\u0026auml;rger utifr\u0026aring;n vad m\u0026auml;nniskor beh\u0026ouml;ver\u003c/h3\u003e\n\u003cp\u003eMed dagens v\u0026auml;xande fokus p\u0026aring; h\u0026aring;llbarhet st\u0026auml;lls ocks\u0026aring; nya krav p\u0026aring; l\u0026aring;ngsiktighet \u0026ndash; b\u0026aring;de n\u0026auml;r det g\u0026auml;ller det visuella och det funktionella. Det \u0026auml;r viktigt att hitta en balans mellan de delar av inredningen som kan leva riktigt l\u0026auml;nge och delar som man kan f\u0026ouml;r\u0026auml;ndra f\u0026ouml;r att milj\u0026ouml;n ska k\u0026auml;nnas fr\u0026auml;sch och uppdaterad.\u003c/p\u003e\n\u003cp\u003e\u0026ndash; H\u0026auml;r i foaj\u0026eacute;n har vi exempelvis valt att dra p\u0026aring; med f\u0026auml;rg p\u0026aring; mattan och m\u0026ouml;blerna i sj\u0026auml;lva g\u0026aring;ngstr\u0026aring;ket, men f\u0026ouml;r \u0026ouml;vrigt h\u0026aring;llit det ganska neutralt. P\u0026aring; s\u0026aring; vis f\u0026aring;r vi en grundbalans som vi sedan kan luta \u0026aring;t olika h\u0026aring;ll, med f\u0026auml;rg p\u0026aring; till exempel armaturer, v\u0026auml;xtk\u0026auml;rl och andra detaljer. Vi har \u0026auml;ven l\u0026aring;tit v\u0026auml;ggabsorbenter plocka upp f\u0026auml;rgskalan p\u0026aring; ett sp\u0026auml;nnande s\u0026auml;tt.\u003c/p\u003e\n\u003cp\u003eAndreas Sch\u0026ouml;nstr\u0026ouml;m po\u0026auml;ngterar ocks\u0026aring; att det \u0026auml;r viktigt att v\u0026auml;lja f\u0026auml;rger beroende p\u0026aring; vad lokalerna ska anv\u0026auml;ndas till. I utrymmen d\u0026auml;r m\u0026auml;nniskor mest passerar eller kanske sitter ner en stund f\u0026ouml;r en fika eller informella m\u0026ouml;ten passar det bra med varma, livfullare f\u0026auml;rger som olika nyanser av r\u0026ouml;tt, orange och gult. Det \u0026auml;r f\u0026auml;rger som stimulerar och aktiverar hj\u0026auml;rnan, vilket gynnar oss d\u0026auml;r vi vistas kortare stunder.\u003c/p\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":null,"Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div><div class="row"><div class="col-md-8 col-sm-12"> <div class="image-module single-image"> <a href="/globalassets/qbank/bild_fargpakontor_5-945x630-57271348ea895ce950de51d1bc72d8fe019d.jpg" data-title="" data-toggle="" data-gallery="" data-type="image" class="pointer-events-none"> <div class="product-shelf-image"> <picture> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/globalassets/qbank/bild_fargpakontor_5-945x630-57271348ea895ce950de51d1bc72d8fe019d.jpg?width=1063&format=jpg&quality=75, /globalassets/qbank/bild_fargpakontor_5-945x630-57271348ea895ce950de51d1bc72d8fe019d.jpg?width=2126&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/bild_fargpakontor_5-945x630-57271348ea895ce950de51d1bc72d8fe019d.jpg?width=800&format=jpg&quality=75, /globalassets/qbank/bild_fargpakontor_5-945x630-57271348ea895ce950de51d1bc72d8fe019d.jpg?width=1600&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/bild_fargpakontor_5-945x630-57271348ea895ce950de51d1bc72d8fe019d.jpg?width=662&format=jpg&quality=75, /globalassets/qbank/bild_fargpakontor_5-945x630-57271348ea895ce950de51d1bc72d8fe019d.jpg?width=1324&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/bild_fargpakontor_5-945x630-57271348ea895ce950de51d1bc72d8fe019d.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/bild_fargpakontor_5-945x630-57271348ea895ce950de51d1bc72d8fe019d.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/bild_fargpakontor_5-945x630-57271348ea895ce950de51d1bc72d8fe019d.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/bild_fargpakontor_5-945x630-57271348ea895ce950de51d1bc72d8fe019d.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/globalassets/qbank/bild_fargpakontor_5-945x630-57271348ea895ce950de51d1bc72d8fe019d.jpg?width=662&format=jpg&quality=75" alt="" loading="lazy"> </picture> </div> </a> </div> </div></div><div class="row"><div class="col-md-8 col-sm-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003cp\u003eI kontorsrummet d\u0026auml;remot, d\u0026auml;r du ska kunna sitta l\u0026auml;nge och koncentrera dig, \u0026auml;r det b\u0026auml;ttre med lugna, svala f\u0026auml;rger, som ljusa nyanser av gr\u0026ouml;nt, bl\u0026aring;tt och beige. Ljusa f\u0026auml;rger tar ocks\u0026aring; upp mer ljus utifr\u0026aring;n, vilket g\u0026ouml;r oss piggare under dagen. I gemensamma utrymmen som k\u0026ouml;k, fikarum och korridorer kan du ta ut sv\u0026auml;ngarna lite mer, s\u0026aring; l\u0026auml;nge du \u0026auml;r uppm\u0026auml;rksam p\u0026aring; helheten.\u003c/p\u003e\n\u003cp\u003e\u0026ndash; F\u0026auml;rger p\u0026aring;verkar oss undermedvetet och kan till exempel styra hur l\u0026aring;ng tid vi tillbringar i olika utrymmen. Jag l\u0026auml;ste om ett projekt d\u0026auml;r man testat detta genom att inreda toaletterna p\u0026aring; ett v\u0026aring;ningsplan med en lugn och behaglig f\u0026auml;rgs\u0026auml;ttning och p\u0026aring; ett annat i kall, mer stressande stil, och det var tydligt att man stannade l\u0026auml;ngre i den lugna milj\u0026ouml;n, s\u0026auml;ger Andreas Sch\u0026ouml;nstr\u0026ouml;m.\u003c/p\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":null,"Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div><div class="row"><div class="col-md-8 col-sm-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003ch3\u003eForskning visar att f\u0026auml;rger p\u0026aring;verkar hj\u0026auml;rnan\u003c/h3\u003e\n\u003cp\u003eForskare p\u0026aring; Lunds universitet har m\u0026auml;tt hur kroppen reagerar p\u0026aring; olika f\u0026auml;rger och hur det p\u0026aring;verkar arbetsf\u0026ouml;rm\u0026aring;gan, genom att l\u0026aring;ta testpersoner jobba i ett r\u0026ouml;tt respektive bl\u0026aring;tt rum. De kunde bevisa att det bl\u0026aring; rummet hade lugnande effekt medan det r\u0026ouml;da rummet \u0026ouml;kade aktiviteten i hj\u0026auml;rnan.\u003c/p\u003e\n\u003cp\u003e\u0026ndash; R\u0026ouml;tt g\u0026ouml;r oss mer produktiva men samtidigt mer stressade. Om man beh\u0026ouml;ver koncentrera sig \u0026auml;r det b\u0026auml;ttre att sitta i ett bl\u0026aring;tt rum. Detta gick helt i linje med v\u0026aring;r tes, men nu fick vi det vetenskapligt bevisat, s\u0026auml;ger Jan Janssens, arkitekt och forskare vid Lunds universitet,\u0026nbsp;till karri\u0026auml;rsajten Shortcut.\u003c/p\u003e\n\u003cp\u003eHans r\u0026aring;d \u0026auml;r att v\u0026auml;lja en neutral f\u0026auml;rgs\u0026auml;ttning i rum d\u0026auml;r du tillbringar m\u0026aring;nga timmar i str\u0026auml;ck, och d\u0026auml;r du f\u0026ouml;rv\u0026auml;ntas vara kreativ \u0026ndash; och att man ska akta sig f\u0026ouml;r att spexa till det f\u0026ouml;r mycket.\u003c/p\u003e\n\u003cp\u003e\u0026ndash; Vissa f\u0026ouml;retag har ett behov av att demonstrera att de \u0026auml;r kreativa och satsar p\u0026aring; v\u0026auml;ldigt f\u0026auml;rgglada kontor utan att riktigt t\u0026auml;nka till. Jag tror att det kan straffa sig i l\u0026auml;ngden, f\u0026ouml;r folk presterar s\u0026auml;mre i s\u0026aring;dana milj\u0026ouml;er.\u003c/p\u003e\n\u003cp\u003eDet \u0026auml;r viktigt att ta h\u0026auml;nsyn till medarbetare som upplever att de p\u0026aring;verkas negativt av kontorsmilj\u0026ouml;ns utformning, b\u0026aring;de funktionellt och visuellt.\u003c/p\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":null,"Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div><div class="row"><div class="col-md-8 col-sm-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003cdiv style=\u0022background-color: #5c8ab5; padding: 12px;\u0022\u003e\n\u003cdiv style=\u0022color: white;\u0022\u003e\n\u003ch3\u003e\u003cstrong\u003eS\u0026aring; h\u0026auml;r p\u0026aring;verkas vi av olika f\u0026auml;rger\u003c/strong\u003e\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eR\u0026ouml;tt\u0026nbsp;\u003c/strong\u003e\u0026ndash; en\u0026nbsp;\u003cstrong\u003estimulerande\u0026nbsp;\u003c/strong\u003ef\u0026auml;rg som f\u0026aring;r oss att vakna till och bli mer produktiva, men kan ocks\u0026aring; vara stressande under l\u0026auml;ngre tid.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eBl\u0026aring;tt\u0026nbsp;\u003c/strong\u003e\u0026ndash; en\u0026nbsp;\u003cstrong\u003elugnande\u0026nbsp;\u003c/strong\u003ef\u0026auml;rg som g\u0026ouml;r oss mer koncentrerade och kreativa, men som med f\u0026ouml;rdel kan kombineras med inslag av piggare f\u0026auml;rger. Bl\u0026aring;tt kan vara ett bra val i m\u0026ouml;tesrum d\u0026auml;r ni har workshops f\u0026ouml;r att generera nya id\u0026eacute;er.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eGr\u0026ouml;nt\u0026nbsp;\u003c/strong\u003e\u0026ndash; en\u0026nbsp;\u003cstrong\u003eavstressande\u0026nbsp;\u003c/strong\u003ef\u0026auml;rg som g\u0026ouml;r oss trygga och harmoniska. Den symboliserar naturen, som vi f\u0026ouml;rknippar med h\u0026auml;lsa, ungdom, s\u0026auml;kerhet och milj\u0026ouml;medvetenhet. Gr\u0026ouml;nt har en b\u0026aring;de lugnande och uppfriskande effekt som skapar balans och d\u0026auml;rf\u0026ouml;r passar i alla rum.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eGult\u003c/strong\u003e\u0026ndash; en\u0026nbsp;\u003cstrong\u003eenergigivande\u0026nbsp;\u003c/strong\u003ef\u0026auml;rg som f\u0026aring;r m\u0026auml;nniskor att prata, och d\u0026auml;rf\u0026ouml;r g\u0026auml;rna anv\u0026auml;nds i m\u0026ouml;tesrum f\u0026ouml;r kreativa workshops. Gult \u0026auml;r den universella solsymbolen som vi ofta associerar med optimism och gl\u0026auml;dje. Den f\u0026aring;ngar v\u0026aring;r uppm\u0026auml;rksamhet och s\u0026auml;gs sk\u0026auml;rpa v\u0026aring;rt minne och t\u0026auml;nkande. Gult \u0026auml;r allts\u0026aring; en bra f\u0026auml;rg att anv\u0026auml;nda p\u0026aring; en arbetsplats, men kan upplevas som n\u0026aring;got retande vid fel tillf\u0026auml;lle.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eBeige/vitt\u003c/strong\u003e\u0026nbsp;\u0026ndash; neutrala och\u0026nbsp;\u003cstrong\u003eavkopplande\u003c/strong\u003e\u0026nbsp;f\u0026auml;rger som inte sticker ut \u0026aring;t n\u0026aring;got h\u0026aring;ll, men som b\u0026ouml;r kombineras med andra f\u0026auml;rger f\u0026ouml;r att inte bli f\u0026ouml;r tr\u0026aring;kiga.\u0026nbsp;\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":null,"Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div></div> <div class="container-fluid container-fluid--left-aligned"> <div class="row"> <div class="offset-md-1 col-md-8"> <div class="text-box text-block row without-addon"> <div class="text-block-text"> <div id="text-block-content" class="text-block-content"> </div> </div> </div> </div> </div> </div> <div class="container-fluid container-fluid--left-aligned"> <div class="row row-reverse"> <div class="offset-lg-1 col-lg-5 col-lg-10 col-xl-9"> <hr class="hr" /> </div> </div> <div class="row row-reverse"> <div class="col-md-5 col-lg-4 order-md-2"> <div class="simple-image"> <img src="/globalassets/qbank/istock-1162786825_kvinnapagunga-4138e7b383af9fae5e796d010d5e9da18c95.jpg?width=450&format=jpg&quality=75" alt="Andreas Schönström" /> </div> </div> <div class="offset-lg-1 col-xl-5 col-lg-6 col-md-7 order-lg-1"> <div class="simple-text simple-text--vertical-center"> <h3>Dynamiska kontor för företagets alla faser</h3> <p>Vårt kontorskoncept i Malmö, Lund och Helsingborg ger dig en arbetsplats som utvecklas och förändras i takt med att du och ditt företag gör det.</p> <a class="wtc-btn black" href="/vart-koncept" @click="track('Inspiration Undersida CTA','Artikellänk')" target=""><span>Läs mer och bli hyresgäst idag!</span></a> </div> </div> </div> <div class="row row-reverse"> <div class="offset-lg-1 col-lg-5 col-lg-10 col-xl-9"> <hr class="hr" /> </div> </div> <div class="row row-reverse"> <div class="col-md-5 col-lg-4 order-md-2"> <div class="simple-image"> <img src="/globalassets/qbank/wtc_feng-shui_color-38246fd7ebb8a63747e367ba31e451aba984.jpg?width=450&format=jpg&quality=75" alt="Feng Shui" /> </div> </div> <div class="offset-lg-1 col-xl-5 col-lg-6 col-md-7 order-lg-1"> <div class="simple-text simple-text--vertical-center"> <p class="eyebrow"> Läs mer inom <strong>Hälsa:</strong> </p> <h3>Prestera på topp med Feng shui på skrivbordet – tre enkla tips</h3> <p>Påverkas du mycket av den fysiska miljön på jobbet? Enligt kinesisk vishetslära kan du öka din positiva energi genom att ordna omgivningen enligt Feng shui. Här får du tre enkla knep för ditt skrivbord – så inred rätt och optimera din arbetskapacitet.</p> <a class="wtc-btn black" href="/inspiration/halsa/prestera-pa-topp-med-feng-shui-pa-skrivbordet-tre-enkla-tips" @click="track('Inspiration Undersida CTA','Nästa artikel')"><span>Läs artikeln nu</span></a> </div> </div> </div> <div class="load-more-button"><a href="/inspiration" class="wtc-btn orange"><span>Till mer inspiration</span></a></div> </div> <div class="sub-header__cta sub-header__cta--mobile"> <span> <a href="/lediga-kontor" class="sub-header__button">Lediga kontor</a> </span> </div> <footer> <div class="top-banner"> <div class="container"> <a href="/"> <img src="/Areas/WTC/Content/img/wtc_logo-alla-svart.svg" class="convert-svg" /> </a> <div class="language-switcher"> <a href="https://www.wtcmalmolundhelsingborg.com/">English</a> <span class="is-current-language">Svenska</span> </div> </div> </div> <div class="footer-holder"> <div class="container"> <div class="row" data-equal-btns> <div class="col-md-12 footer-menu-columns"> <div class="footer-menu-column"> <h3><a href="/vart-koncept">Vårt koncept</a></h3> <h4>Vårt koncept</h4> <ul> <li><a href="/vart-koncept/coworking">Coworking</a></li> <li><a href="/vart-koncept/kontorshotell">Kontorshotell</a></li> <li><a href="/vart-koncept/kontorslokal">Kontorslokal</a></li> </ul> <h4>Detta ingår</h4> <ul> <li><a href="/service">Service</a></li> <li><a href="/klubb">Klubb</a></li> <li><a href="/evenemang">Evenemang</a></li> </ul> </div> <div class="footer-menu-column"> <h3><a href="/lediga-kontor">Våra orter</a></h3> <h4>Våra orter</h4> <ul> <li><a href="/vara-fastigheter/malmo">Malmö</a></li> <li><a href="/vara-fastigheter/lund">Lund</a></li> <li><a href="/vara-fastigheter/helsingborg">Helsingborg</a></li> </ul> <h4>Malmö</h4> <ul> <li><a href="/vara-fastigheter/malmo/jungmansgatan">Jungmansgatan</a></li> <li><a href="/vara-fastigheter/malmo/skeppsgatan">Skeppsgatan</a></li> <li><a href="/vara-fastigheter/malmo/propellergatan">Propellergatan</a></li> </ul> <h4>Lund</h4> <ul> <li><a href="/vara-fastigheter/lund/hedvig-mollers-gata-12">Hedvig Möllers Gata 12</a></li> <li><a href="/vara-fastigheter/lund/hedvig-mollers-gata-5">Hedvig Möllers Gata 5</a></li> </ul> <h4>Helsingborg</h4> <ul> <li><a href="/vara-fastigheter/helsingborg/broderna-pihls-grand">Bröderna Pihls Gränd</a></li> </ul> </div> <div class="footer-menu-column"> <h3><a href="/konferenslokaler/malmo">Konferens</a></h3> <h4>Konferens</h4> <ul> <li><a href="/konferenslokaler/malmo">Malmö</a></li> <li><a href="/konferenslokaler/lund">Lund</a></li> <li><a href="/konferenslokaler/helsingborg">Helsingborg</a></li> </ul> </div> <div class="footer-menu-column"> <h3><a href="/for-hyresgaster">För hyresgäster</a></h3> <h4>För hyresgäster</h4> <ul> <li><a href="/for-hyresgaster">Hyresgästinfo</a></li> <li><a href="/evenemang">Evenemang</a></li> <li><a href="/klubb/medlemsformaner">Medlemsförmåner</a></li> <li><a href="/klubb/medlemmar">Medlemmar</a></li> </ul> </div> <div class="footer-menu-column"> <h3>Inspiration</h3> <ul><li><a href="/inspiration">Inspiration</a></li></ul> </div> <div class="footer-menu-column"> <h3><a href="/om-oss/om-wtc">Om oss</a></h3> <h4>Om oss</h4> <ul> <li><a href="/om-oss/om-wtc">Om World Trade Center</a></li> <li><a href="/om-oss/hallbara-kontor">Hållbara kontor</a></li> <li><a href="/om-oss/press-och-media">Press och media</a></li> <li><a href="/om-oss/en-del-av-granitor">En del av Granitor</a></li> <li><a href="/om-oss/jobba-hos-oss">Jobba hos oss</a></li> <li><a href="/om-oss/kontakta-oss">Kontakta oss</a></li> <li><a href="https://www.wtcmalmolundhelsingborg.com/">About us</a></li> </ul> </div> <div class="footer-menu-column contact-column"> <h3>Kontakt</h3> <div class="contact-info-container"> <ul class="contact-info"> <li> <svg id="Group_6288" data-name="Group 6288" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 22.5"> <path id="Path_3559" data-name="Path 3559" class="cls-1" d="M8.5,0C3.8,0,0,3,0,8.3S8.5,22.5,8.5,22.5,17,13.5,17,8.3C17,3,13.2,0,8.5,0Zm0,19.4q-1.2-1.35-2.7-3.3C2.5,11.6,2,9.2,2,8.3A6.025,6.025,0,0,1,3.8,3.7,6.771,6.771,0,0,1,8.5,2a7.212,7.212,0,0,1,4.7,1.6A6.1,6.1,0,0,1,15,8.3c0,1-.5,3.3-3.9,7.9C10.2,17.4,9.2,18.6,8.5,19.4Z" /> <path id="Path_3560" data-name="Path 3560" class="cls-1" d="M8.5,6A2.5,2.5,0,1,0,11,8.5,2.476,2.476,0,0,0,8.5,6Zm0,3A.5.5,0,1,1,9,8.5.472.472,0,0,1,8.5,9Z" /> </svg> <span>Jungmansgatan 12, 211 11 Malmö</span> </li> <li class="phone"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.554 20.555"> <g id="phone-talking" transform="translate(-1.215 -2.546)"> <g id="phone-talking-2" data-name="phone-talking"> <path id="shape" class="cls-1" d="M18.115,21.092A1,1,0,0,0,19,20.41l.718-2.153a1,1,0,0,0-.242-1.023L17.646,15.4a1,1,0,0,0-1.23-.145l-1.7,1.039a3,3,0,0,1-3.689-.436L8.454,13.282a3,3,0,0,1-.436-3.689L9.057,7.9a1,1,0,0,0-.145-1.23L7.082,4.839A1,1,0,0,0,6.058,4.6l-2.153.718a1,1,0,0,0-.682.884C3.1,8.167,4.467,11.79,8.5,15.819S16.148,21.218,18.115,21.092Zm.129,2c-2.727.176-6.751-1.443-11.162-5.854S1.052,8.8,1.228,6.071A3,3,0,0,1,3.273,3.418L5.426,2.7a3,3,0,0,1,3.07.725l1.829,1.829a3,3,0,0,1,.436,3.689l-1.039,1.7a1,1,0,0,0,.145,1.23l2.578,2.578a1,1,0,0,0,1.23.145l1.7-1.039a3,3,0,0,1,3.689.436l1.829,1.829a3,3,0,0,1,.725,3.07L20.9,21.042A3,3,0,0,1,18.244,23.087Z" /> </g> </g> </svg> <a href="tel:+46 40 627 11 00">+46 40 627 11 00</a> </li> <li class="email"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 16"> <g id="mail" transform="translate(-1 -4)"> <g id="mail-2" data-name="mail"> <path id="shape" class="cls-1" d="M23,8.978Q23,9,23,9.023V16a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V9.023Q1,9,1,8.978V8A4,4,0,0,1,5,4H19a4,4,0,0,1,4,4v.978Zm-2-.722V8a2,2,0,0,0-2-2H5A2,2,0,0,0,3,8v.256l8.344,4.474a5.4,5.4,0,0,0,1.347,0Zm0,2.088-8.138,4.441a3,3,0,0,1-1.724,0L3,10.344V16a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2Z" /> </g> </g> </svg> <a href="mailto:info@wtcmalmo.se">info@wtcmalmo.se</a> </li> <li> <a href="/cookies">Integritets- och cookiepolicy</a> </li> <li> <a id="ot-sdk-btn" class="ot-sdk-show-settings">Cookie-inställningar</a> </li> </ul> </div> </div> </div> </div> </div> <div class="member-of-midroc-image"> <a href="/om-oss/en-del-av-granitor"><img src="/siteassets/logotyper/wtc_member_of_granitor_sv.png" alt="" /></a> </div> </div> </footer> <div class="footer-navigation"> <div class="footer-navigation-item footer-navigation-item--scroll"><a href="#">Scrolla till toppen <img src="/Areas/WTC/Content/img/footer-arrow-right.svg" alt="" /></a></div> <div class="footer-navigation-item footer-navigation-item--next"><a href="https://www.wtcmalmolundhelsingborg.se/inspiration/halsa">Gå vidare till: Hälsa <img src="/Areas/WTC/Content/img/footer-arrow-right.svg" alt="" /></a></div> </div> </div> <script type="text/x-template" id="ia-modal-template"> <span> <a href="#" :class="attrs" @click.prevent="showModal = true" :title="title"><slot></slot></a> <transition name="modal" v-if="showModal"> <div class="ia-modal ia-modal-mask modal" :class="{'ia-modal-mask-startpage':startpage}" ref="modal"> <div class="modal-dialog" :class="{'modal-lg': isPropertyOrObject }"> <div class="modal-content"> <div class="modal-header ia-modal-header"> <slot name="header"> <h5 class="modal-title" v-html="ia.pageHeader"></h5> <a href="#" class="ia-modal-close" aria-label="CLOSE" data-dismiss="modal" @click.stop.prevent="showModal = false"> <span aria-hidden="true">×</span> </a> </slot> </div> <div class="modal-body ia-modal-body"> <slot name="body"> <div class="container"> <div class="row"> <div :class="{'col-md-8 col-sm-12 order-last order-md-first' : isPropertyOrObject, 'col-12': !isPropertyOrObject }"> <form @submit.prevent="post" class="needs-validation" novalidate> <template v-if="ia.dialogType == 'project-follow'"> <div v-html="ia.title"></div> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'share' || ia.dialogType == 'share-event'"> <p v-html="ia.title"></p> <div class="form-group"> <label for="email" class="ia-modal-input" :class="{ 'form-group--error': $v.ia.email.$error }"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="message" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Meddelande till mottagaren</span> <span v-if="$v.ia.message.$dirty" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'share-favorites'"> <p v-html="ia.title"></p> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="message" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Meddelande till mottagaren</span> <span v-if="$v.ia.message.$dirty" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'auto' && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="requests" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Önskemål och frågor</span> <span v-if="$v.ia.message.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="expanded" v-if="expanded"> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="callMe"> Jag vill bli uppringd av en uthyrare <input type="checkbox" class="form-check-input" v-model="ia.callMe" id="callMe" /> <span class="checkmark"></span> </label> </div> <div class="form-group" :class="{ 'form-group--error': $v.ia.phone.$error }"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="tel" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span v-if="ia.callMe" class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.cities" v-model="ia.city"></custom-select> </div> <div class="form-group"> <label for="size" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message2" key="message2"></textarea> <span class="ia-modal-label">Önskad lokalstorlek</span> <span v-if="$v.ia.message2.$dirty" class="form-success"></span> </label> </div> <div class="required-text"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="booking"> Jag är intresserad av att boka en visning <input class="form-check-input" id="booking" type="checkbox" v-model="ia.booking" key="booking" /> <span class="checkmark"></span> </label> </div> </div> <button class="ia-modal-btn ia-modal-collapse" @click="expanded = true" type="button" v-if="!expanded"> <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-left" alt="" /> Har ni mer specifika krav eller önskemål? <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-right" alt="" /> </button> </template> <template v-if="isPropertyOrObject && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="requests-and-questions" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Önskemål och frågor</span> <span v-if="$v.ia.message.$dirty" class="form-success"></span> </label> </div> <div class="form-group"> <label for="name" class="ia-modal-input"> <input class="form-control ia-modal-form" type="text" placeholder=" " id="name" v-model="ia.name" key="name" /> <span class="ia-modal-label">Namn</span> <span v-if="$v.ia.name.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="callMe"> Jag vill bli uppringd av en uthyrare <input type="checkbox" class="form-check-input" v-model="ia.callMe" id="callMe" /> <span class="checkmark"></span> </label> </div> <div class="form-group" :class="{ 'form-group--error': $v.ia.phone.$error }"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="tel" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span v-if="ia.callMe" class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="booking"> Jag är intresserad av att boka en visning <input class="form-check-input" id="booking" type="checkbox" v-model="ia.booking" key="booking" /> <span class="checkmark"></span> </label> </div> </template> <template v-if="ia.dialogType == 'conference' && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input" :class="{ 'form-group--error': $v.ia.email.$error }"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="tel" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="name" class="ia-modal-input"> <input class="form-control ia-modal-form" type="text" placeholder=" " id="name" v-model="ia.name" key="name" /> <span class="ia-modal-label">Namn</span> <span v-if="$v.ia.name.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="expanded" v-if="expanded"> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.cities" v-model="ia.city"></custom-select> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.conferencePeoples" v-model="ia.peopleCount"></custom-select> </div> <div class="form-group"> <label for="other-request" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message2" key="message"></textarea> <span class="ia-modal-label">Övriga önskemål - T ex tid, förtäring</span> <span v-if="$v.ia.message2.$dirty" class="form-success"></span> </label> </div> <div class="required-text"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="member"> Jag är hyresgäst i World Trade Center <input class="form-check-input" type="checkbox" id="member" v-model="ia.isMember" key="member" /> <span class="checkmark"></span> </label> </div> </div> <button class="ia-modal-btn ia-modal-collapse" @click.stop.prevent="expanded = true" type="button" v-if="!expanded"> <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-left" alt="" /> Har ni mer specifika krav eller önskemål? <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-right" alt="" /> </button> </template> <div class="error-summary-group" v-if="$v.ia.$error || ia.errorMessage"> <ul class="error-summary"> <li v-if="!$v.ia.email.required"> Ange en e-postadress </li> <li v-if="!$v.ia.email.email"> Ange en giltig e-postadress </li> <li v-if="!$v.ia.phone.required"> Ange ett telefonnummer </li> <li v-if="!$v.ia.phone.number"> Ange ett giltigt telefonnummer </li> <li v-if="ia.errorMessage"> <blockquote> {{ ia.errorMessage }} </blockquote> </li> </ul> </div> <div class="success-summary-group" v-if="ia.successMessage && submitStatus == 'completed'"> <ul class="success-summary"> <li>{{ ia.successMessage }}</li> </ul> </div> <div class="form-footer ia-modal-footer"> <p v-if="ia.policyUrl"> När du kontaktar oss sparas de uppgifter som du anger i formuläret. Anledningen till varför vi sparar dessa uppgifter är för att vi ska kunna behandla dina frågor och synpunkter. Läs mer om hur vi behandlar dina personuppgifter och vilka rättigheter du har på <a :href="ia.policyUrl" class="policy-link" target="policy">vår integritets- och cookiepolicysida</a> </p> <button class="btn ia-modal-btn ia-modal-send" type="submit" :disabled="loading || submitStatus == 'invalid'"> <img :src="getSubmitImage" class="ia-modal-send-img" alt="" /> {{ getSubmitStatusText }}<span v-show="loading">...</span> </button> </div> <input type="text" v-model="honeypot" class="hidden" /> </form> </div> <!-- col-8 --> <div class="col-md-4 col-sm-12" align="center" v-if="isPropertyOrObject"> <div class="ia-modal-sidebar"> <div class="ia-modal-sidebar-header"> <h3>Jag vill veta mer om</h3> </div><!-- header--> <div class="ia-modal-title"> <div class="ia-modal-sidebar-image-wrapper"> <img v-if="ia.propertyImageUrl" :src="ia.propertyImageUrl" alt="" /> </div> <h1>{{ia.propertyName }}</h1> <h3>{{ ia.propertyCity }}<span v-if="ia.propertyLocation"> - {{ ia.propertyLocation }}</span></h3> </div><!-- title --> <div class="row ia-modal-sidebar-info" v-if="ia.dialogType == 'object'"> <div class="col-6 divider"> <h2>{{ ia.objectSpace }}</h2> <span>(kvadratmeter)</span> </div><!-- col-6 --> <div class="col-6"> <h2>{{ ia.objectPeople }}</h2> <span>(antal personer)</span> </div><!-- col-6 --> </div><!-- row --> <div class="ia-modal-sidebar-footer" v-if="ia.objectFloor"> <h3>VÅNINGSPLAN</h3> <span>{{ ia.objectFloor }}</span> <p>{{ ia.objectQuote }}</p> </div><!-- footer --> </div> </div> </div> </div> </slot> </div> </div> </div> </div> </transition> </span> </script> <script type="text/x-template" id="custom-select-template"> <div class="wtc-dropdown" :class="{'open' : expanded }" @click.stop.prevent="setExpanded(!expanded)" tabindex="0"> <span class="current">{{selectedText}}</span> <div class="list"> <ul> <li v-if="emptyText" class="option" :class="{'selected' : !value}" tabindex="-1" @click.stop.prevent="setValue(null)">{{ emptyText }}</li> <li v-for="(item, index) in items" class="option" :class="{'selected' : value == (item.id || item)}" :tabindex="index" @click.stop.prevent="setValue(item)">{{ item.text || item }}</li> </ul> </div> </div> </script> <script src="/Bundles/EpiCrateScripts?v=g7rBsTetZRK16f99CJ9M5OwgjwtT7989TJJrc2w_ojs1"></script> <script src="/Bundles/WTCScripts?v=kbK2r3RTdxxT59QEm9bL3j7NrkbgaGV6sbtJHvWcOl81"></script> <script>(function ($, d) { $.each(readyQ, function (i, f) { $(f) }); $.each(bindReadyQ, function (i, f) { $(d).bind("ready", f) }) })(jQuery, document)</script> <script type="text/x-template" id="text-block"> <div class="text-box text-block row" :class="{'with-addon': model.hasLayout, 'without-addon': !model.hasLayout, 'with-addon--iconlist': model.hasContact}"> <div class="text-block-text" :class="{'col-md-6 col-lg-5 col-xl-5 col-xxl-5 offset-lg-1 offset-xl-1 offset-xxl-2' : model.hasLayout, 'col-md-10 col-lg-10 col-xl-10 col-xxl-10 offset-lg-1': !model.hasLayout }"> <div id="text-block-content" class="text-block-content" ref="textBlockContent" v-if="model.Wysiwyg" :class="{'text-block-with-expandable-body' : showReadMore, 'expanded' : expanded}" v-html="model.Wysiwyg"></div> <a href="#" class="load-read-more" :class="{'read-less' : expanded}" @click.prevent="expanded = !expanded" v-show="showReadMore">{{ !expanded ? model.ReadMoreText : 'Dölj' }}</a> </div> <div v-if="model.hasFacts || model.hasImage || model.hasContact" class="text-box-right text-block-addon-holder col-xs-12 col-md-5 offset-md-1 col-lg-4 offset-lg-1 col-xl-4 offset-xl-1 col-xxl-3 offset-xxl-1"> <div v-if="model.hasImage" class="text-block-picture-addon"> <a :href="model.imageUrl" data-toggle="lightbox"> <img class="expand-cursor text-block-picture object-fit" :src="imageResizer(model.imageUrl).width(720).scale('both').crop()" :alt="model.imageAlt"> </a> </div> <div v-if="model.hasFacts" class="text-block-addon" :class="model.Theme"> <span class="text-block-addon-title">{{ model.FactsHeading }}</span> <div class="text-block-addon-body"> <div v-for="fact in model.Facts" class="addon-fact" :class="{'addon-fact--fullwidth' : fact.FullWidth }"> <div class="addon-label"> {{fact.Label}} </div> <div class="addon-value"> {{fact.Text}} </div> </div> </div> </div> <div v-if="model.hasContact" class="text-block-addon contact-box" :class="model.Theme"> <span v-if="model.Contact.Heading" class="text-block-addon-title">{{ model.Contact.Heading }}</span> <div class="text-block-addon-body"> <div v-if="model.Contact.Adress" class="addon-fact"> <div class="addon-icon"> <img src="/Areas/WTC/Content/img/place.svg" alt="value icon" /> </div> <div class="addon-value"> {{ model.Contact.Adress }} </div> </div> <div v-if="model.Contact.Phone" class="addon-fact"> <div class="addon-icon"> <img src="/Areas/WTC/Content/img/phone-talking.svg" alt="value icon" /> </div> <div class="addon-value"> <a :href="'tel:' + model.Contact.Phone">{{ model.Contact.Phone }}</a> </div> </div> <div v-if="model.Contact.Email" class="addon-fact"> <div class="addon-icon"> <img src="/Areas/WTC/Content/img/mail.svg" alt="value icon" /> </div> <div class="addon-value"> <a :href="'mailto:' + model.Contact.Email">{{ model.Contact.Email }}</a> </div> </div> </div> </div> </div> </div> </script> <script type="text/javascript"> Vue.component("text-block", { template: '#text-block', props: ['model'], data: function () { return { expanded: false, showReadMore: false } }, methods: { checkReadMore: function () { this.showReadMore = this.model.ReadMoreText && this.$refs.textBlockContent && this.$refs.textBlockContent.offsetHeight > 350; } }, mounted: function () { this.checkReadMore(); } }); </script> <script type="text/javascript"> window.PageEditing = { PageIsInEditMode:false }; (function () { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = '//maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyCHHj_hXSbYvU8sn9e5vcZCjTa-zg5pGPE&callback=google_maps_initialize&language=sv-SE&libraries=places'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); function google_maps_initialize() { $(document).trigger("google-maps-initialize"); } initVue('114357', 'Ta bort alla favoriter?'); </script> </body> </html>