<!-- prod
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::C@@8i:::::::::8@@8i:::::::::::::::::::::::::::::::::::::::t@@G::::::::::::::
:::::::::::::::::::::::;@@G8@G::::::;8@G:8@G:::::::::::::::::::::::::::::::::::::f@@@1::::::::::::::
:::::::::::::::::::::::L@@i:f@@1:::;@@C:::f@@t::::::::::::::::::::::::::::::::::L@@@0:::::::::::::::
:::::::::::::::::::::::8@G,:::0@0:i@@L,:::::0@0:::::::::::::::::::::::::::::::,C@@@@t:::::::::::::::
::::::::::::::::::::::f@@1:::::t@@@@f::::::::1@@f:::::::::::::::::::::::::::::G@88@8::::::::::::::::
::::::::::::::::::::::8@0:::::::t@@8:::::::::::G@8;::::::::::::::::::::::::::0@81@@f::::::::::::::::
:::::::::::::::::::::t@@t::::::f@@f@@f::::::::::i8@L::::::::::::::::::::::::8@0,G@8:::::::::::::::::
::::::::::::::::::::,8@8::::::C@@;::C@8;::::::::::L@8;::::::::::::::::::::;8@G:i@@L:::::::::::::::::
::::::::::::::::::::1@@f:::::G@8;::::i8@C::::::::::;8@C::::::::::::::::::;@@C::G@@;:::::::::::::::::
:::::::::::::::::::,0@8:::::0@8::::::::L@8i::::::::::f@@1:::::::::::::::i@@L::;@@C::::::::::::::::::
:::::::::::::::::::i@@L::::0@0::::::::::;8@G:::::::::::0@0:::::::::::::1@@f:::C@@i::::::::::::::::::
:::::::::::::::::::G@@;:::8@G:::::::::::::f@@1::::::::::t@@t::::::::::f@@1:::;@@G:::::::::::::::::::
::::::::::::::::::;@@C::;8@C::::::::::::::::0@0:::::::::::G@8:::::::,L@@i::::L@@i:::::::::::::::::::
:::::::::::::::::,C@@;:i@@L::::::::::::::::::1@@t::::::::::1@@f::::,C@@i:::::8@0::::::::::::::::::::
:::::::::::::::::;@@G,1@@f:::::::::::::::::::::0@8:::::::::::C@8;::G@8;:::::f@@1::::::::::::::::::::
:::::::::::::::::L@@it@@t:::::::::::::::::::::::i@@L::::::::::;8@C0@8:::::::8@8:::::::::::::::::::::
:::::::::::::::::8@Gf@@1::::::::::::::::::::::::::C@8;::::::::::L@@0:::::::t@@t:::::::::::::::::::::
::::::::::::::::f@@0@@i::::::::::::::::::::::::::::;8@C:::::::::8@@@G::::::0@8::::::::::::::::::::::
::::::::::::::::8@@@8;:::::::::::::::::::::::::::::::L@@i:::::;@@C,f@@1:::1@@f::::::::::::::::::::::
:::::::::::::::t@@@8:::::::::::::::::::::::::::::::::::8@G:::i@@L::::0@0:,G@@;::::::::::::::::::::::
:::::::::::::::0@@8:::::::::::::::::::::::::::::::::::::f@@11@@f::::::1@@L@@L:::::::::::::::::::::::
::::::::::::::1@@0::::::::::::::::::::::::::::::::::::::::0@@@1:::::::::G@@@;:::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
-->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Studio von Monkiewitsch | Lookbook</title>
    <meta name="description" content="Studio von Monkiewitsch entwickelt Strategien f&uuml;r interdisziplin&auml;re Kommunikation in den Bereichen Branding, Corporate Design, Editorial Design, digitale Medien, Fotografie und Film. Wir verbinden Botschaften mit progressiver Gestaltung und schaffen damit Substanz f&uuml;r den Dialog von Unternehmen und Organisationen.">
    <meta name="keywords" content="">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="/css/main.css?v=q2312jsaw" />

    <script src="/js/modernizr-custom.js"></script>

    <script>document.cookie='resolution='+Math.max(screen.width,screen.height)+("devicePixelRatio" in window ? ","+devicePixelRatio : ",1")+'; path=/';</script>

    <meta property="og:title" content="Lookbook" />
    <meta property="og:type" content="website" />
        <meta property="og:image" content="https://staging.studiovonm.com:443/content/2-works/18-armedangels-notebook/img_7332.jpg"/>
            <meta property="og:description" content="Armedangels is a future-oriented fashion brand from Cologne that is leading the German ethica fashion market. Since 2007 it is committed to timeless design as an alternative to fast fashion, offering a GOTS-certified, high quality sustainable materials and ethical production instead of unethical cheap mass produced goods. Studio von Monkiewitsch developed a variety of print products for Armed Angels. For the 2017 Spring/Summer, we produced a lookbook with campaign pictures shot by Edgar Berg that delivers a portrait of the company and its philosophy. Addressing bright, free-thinking individuals the look book presents itself as the prologue of a notebook – featuring a hard linen cover and many blank pages for personal notes." />
    
    <link rel="apple-touch-icon" sizes="180x180" href="/img/app-icon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/img/app-icon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/img/app-icon/favicon-16x16.png">
    <link rel="manifest" href="/img/app-icon/site.webmanifest">
    <link rel="mask-icon" href="/img/app-icon/safari-pinned-tab.svg" color="#000000">
    <link rel="shortcut icon" href="/img/app-icon/favicon.ico">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-config" content="/img/app-icon/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">

    <script>
        function imgLoaded(img){
            var imgWrapper = img;
            var imgHeight = img.clientHeight;

            imgWrapper.className += imgWrapper.className ? ' loaded' : 'loaded';

            // show/hiding of the addressbar in mobile browsers when scrolling will recalculate the height
            // of images using vh. Setting a fixed max-height prevents this behaviour.
            img.style.maxHeight= imgHeight + "px";
        };
    </script>
</head>
<body class="-va-debug  ">

    <div id="wrapper">
    <header class="mod_header" id="top">

        <div class="mod_header__logo js-toggle-nav">
            <h1><a href="/">Studio von Monkiewitsch</a></h1>
        </div>

        <nav class="mod_header__nav" role="navigation">
          <ul>
                        <li>
              <a href="https://staging.studiovonm.com:443/works">
               Works 
              </a>

              
            </li>
                        <li>
              <a href="https://staging.studiovonm.com:443/info">
               Info 
              </a>

              
            </li>
                      </ul>
        </nav>

        
    </header>

    <div class="m-header__blender"></div>

    <div class="mod_mobile-nav">
        <ul>
                    <li>
            <a href="https://staging.studiovonm.com:443/works">
              Works 
            </a>
          </li>
                    <li>
            <a href="https://staging.studiovonm.com:443/info">
              Info 
            </a>
          </li>
                  </ul>

        <div class="mod_mobile-nav__footer">
            <a href="https://www.instagram.com/studiovonmonkiewitsch">Instagram</a><br>
            <a href="https://de-de.facebook.com/wvonm/">Facebook</a><br>
            <br>
            <a href="/impressum">Impressum</a><br>
            <a href="/impressum">Datenschutz</a>
        </div>
    </div>

<main role="main">

    <div class="mod_hero" style="background-image: url('https://staging.studiovonm.com:443/thumbs/img_6712-fda6a0763609166685d53bdfdf57f51d-50233693e5ca46392915379d7c12a23a.jpg')">

                    
            <video src="" class="mod_home__video" autoplay muted playsinline loop></video>

        
    </div>

    <div class="mod_container mod_container--full mod_container--mb">
        <h3 class="mod_work__headline">Lookbook</h3>

        <div class="mod_work__info">

            <div class="mod_work__info-elem">
                <h4>Client:</h4> ARMEDANGELS            </div>

            <div class="mod_work__info-elem">
                <h4>Year:</h4> <time datetime="2016">2016</time>
            </div>

            <div class="mod_work__info-elem">
                <h4>Service:</h4> Concept, Art Direction, Design            </div>
            
        </div>

        <div class="mod_work__text">
            <p>Armedangels is a future-oriented fashion brand from Cologne that is leading the German ethica fashion market. Since 2007 it is committed to timeless design as an alternative to fast fashion, offering a GOTS-certified, high quality sustainable materials and ethical production instead of unethical cheap mass produced goods. Studio von Monkiewitsch developed a variety of print products for Armed Angels. For the 2017 Spring/Summer, we produced a lookbook with campaign pictures shot by Edgar Berg that delivers a portrait of the company and its philosophy. Addressing bright, free-thinking individuals the look book presents itself as the prologue of a notebook – featuring a hard linen cover and many blank pages for personal notes.</p>        </div>
    </div>

    <div class="mod_work__stream">

        <style>
            
            .video-on-hover {
                position: relative;
            }

            .video-on-hover:hover .video {
                opacity:  1;
                z-index: 1;
            }

            .video-on-hover .video {
                position: absolute;

                top: 0;
                right: 0;
                bottom: 0;
                left: 0;

                z-index: -1;
                opacity:  0;
            }

            .video-on-hover .video video {
                position: absolute;

                top: 0;
                right: 0;
                bottom: 0;
                left: 0;

                width:  100%;
                height:  100%;

                object-fit: cover;
            }

            video {
                width: 100%;
            }

        </style>

        <div class='mod_work__stream__elem'>
                
                    <div class="mod_container mod_container--mb">
                        <div class="mod_work__image ">

                                                                                                <img class="lazy-load" onload="imgLoaded(this)" src="https://staging.studiovonm.com:443/thumbs/img_7394-kopie_2-be4b1498cc924edd89898dd3781d737d.jpg"></img>
                                                            
                                                    </div>

                                                
                    </div>
                
                
                </div><div class='mod_work__stream__elem'>
                
                                    
                    <div class="mod_container mod_container--mb">
                        <div class="mod_work__two-images">
                            <div class="mod_work__two-images__image ">

                                                                                                            <img class="lazy-load" onload="imgLoaded(this)" src="https://staging.studiovonm.com:443/thumbs/img_7332-0386991f6c6b4854d856dc501ac15ee2.jpg"></img>
                                                                    
                                                            </div>
                            <div class="mod_work__two-images__image ">

                                                                                                            <img class="lazy-load" onload="imgLoaded(this)" src="https://staging.studiovonm.com:443/thumbs/img_7311-fe216f698739b25369f3080236f7e3da.jpg"></img>
                                                                    
                                                            </div>
                        </div>
                        
                        
                    </div>

                
                </div><div class='mod_work__stream__elem'>
                
                                    
                    <div class="mod_container mod_container--mb">
                        <div class="mod_work__two-images">
                            <div class="mod_work__two-images__image ">

                                                                                                            <img class="lazy-load" onload="imgLoaded(this)" src="https://staging.studiovonm.com:443/thumbs/img_7296-376b62b4ed43f14af34183254d1f87a7.jpg"></img>
                                                                    
                                                            </div>
                            <div class="mod_work__two-images__image ">

                                                                                                            <img class="lazy-load" onload="imgLoaded(this)" src="https://staging.studiovonm.com:443/thumbs/img_7271-799698b6888adb9d6d30e2a3311f2cf6.jpg"></img>
                                                                    
                                                            </div>
                        </div>
                        
                        
                    </div>

                
                </div><div class='mod_work__stream__elem'>
                
                
                    <div class="mod_container mod_container--full mod_container--mb">
                        <div class="mod_work__three-images">
                            <div class="mod_work__three-images__image ">

                                                                                                            <img class="lazy-load" onload="imgLoaded(this)" src="https://staging.studiovonm.com:443/thumbs/161018_aa_lookbook_ss17_falz2-946a74357421b3ca8fe70427eac2371a.jpg"></img>
                                                                    
                                                            </div>
                            <div class="mod_work__three-images__image ">

                                                                                                            <img class="lazy-load" onload="imgLoaded(this)" src="https://staging.studiovonm.com:443/thumbs/161018_aa_lookbook_ss17_falz7-1305c60624788729980e6fb475d5870b.jpg"></img>
                                                                    
                                                            </div>
                            <div class="mod_work__three-images__image ">

                                                                                                            <img class="lazy-load" onload="imgLoaded(this)" src="https://staging.studiovonm.com:443/thumbs/161018_aa_lookbook_ss17_falz12-e4d57a67b4d37e55e9865a8a41d3d4f2.jpg"></img>
                                                                    
                                                            </div>
                        </div>
                        
                        
                    </div>

                
                </div><div class='mod_work__stream__elem'>
                
                    <div class="mod_container mod_container--mb">
                        <div class="mod_work__image ">

                                                                                                <img class="lazy-load" onload="imgLoaded(this)" src="https://staging.studiovonm.com:443/thumbs/aa_ansicht-f1e429e0290a5a417d6af38b4147f25b-47c3dd0289e4a019ad1dedc1e56f3c13.jpg"></img>
                                                            
                                                    </div>

                                                
                    </div>
                
                
                </div><div class='mod_work__stream__elem'>
                
                    <div class="mod_container mod_container--mb">
                        <div class="mod_work__image ">

                                                                                                <img class="lazy-load" onload="imgLoaded(this)" src="https://staging.studiovonm.com:443/thumbs/img_6712-fda6a0763609166685d53bdfdf57f51d-aa25694b298836eaa35ce27031967a66.jpg"></img>
                                                            
                                                    </div>

                                                
                    </div>
                
                
                </div><div class='mod_work__stream__elem'>
                
                
                    <div class="mod_container mod_container--full mod_container--mb">
                        <div class="mod_work__three-images">
                            <div class="mod_work__three-images__image ">

                                                                                                            <img class="lazy-load" onload="imgLoaded(this)" src="https://staging.studiovonm.com:443/thumbs/aa_ansicht10-3adfa30ae6cd9a931b4d4ec04d575c15-e302410469682e7361bbea5fc43e3fd7.jpg"></img>
                                                                    
                                                            </div>
                            <div class="mod_work__three-images__image ">

                                                                                                            <img class="lazy-load" onload="imgLoaded(this)" src="https://staging.studiovonm.com:443/thumbs/aa_ansicht2-ea7ab8e3e8bd2030b3c49a4a22798bd5-da9d577329badf5aae84cdbc88934631.jpg"></img>
                                                                    
                                                            </div>
                            <div class="mod_work__three-images__image ">

                                                                                                            <img class="lazy-load" onload="imgLoaded(this)" src="https://staging.studiovonm.com:443/thumbs/aa_ansicht22-fb2d663777f2f22b5ab9e4b049fbdf50-046ca92968019032b859e6cb3c53c933.jpg"></img>
                                                                    
                                                            </div>
                        </div>
                        
                        
                    </div>

                
                </div><div class='mod_work__stream__elem'>
                
                    <div class="mod_container mod_container--mb">
                        <div class="mod_work__image ">

                                                                                                <img class="lazy-load" onload="imgLoaded(this)" src="https://staging.studiovonm.com:443/thumbs/br1a0745-cad85abea2a11c2b5206e046cab9e38c-5f9baa00c3580a25cddb2cfee5579152.jpg"></img>
                                                            
                                                    </div>

                                                
                    </div>
                
                
                </div><div class='mod_work__stream__elem'>
                
                    <div class="mod_container mod_container--mb">
                        <div class="mod_work__image ">

                                                                                                <img class="lazy-load" onload="imgLoaded(this)" src="https://staging.studiovonm.com:443/thumbs/br1a0868-f547937801207f0930a21b52b0161d18-7ccaeb325ce472995665972f3723a47e.jpg"></img>
                                                            
                                                    </div>

                                                
                    </div>
                
                
                </div><div class='mod_work__stream__elem'>
                
                    <div class="mod_container mod_container--mb">
                        <div class="mod_work__image ">

                                                                                                <img class="lazy-load" onload="imgLoaded(this)" src="https://staging.studiovonm.com:443/thumbs/br1a1075-de79f296930e98b221eca6d127777e4f-3cfe18806e1a73b5d449913a28147805.jpg"></img>
                                                            
                                                    </div>

                                                
                    </div>
                
                
                </div>
    </div>

    <nav class="mod_nextprev" role="navigation">

            <a class="mod_nextprev__prev" href="https://staging.studiovonm.com:443/works/bluehende-landschaften">Previous</a>
      
      <div class="mod_nextprev__logo">
        <div class="mod_nextprev__logo-img">
            <img src="/img/page/logo-anim-black.gif" alt="">
        </div>
      </div>

            <a class="mod_nextprev__next" href="https://staging.studiovonm.com:443/works/liebeskind-bbag">Next</a>
      
    </nav>

</main>


</div>

<div class="js-breakpoints">
    <div class="breakpoint--tablet-l"></div>
    <div class="breakpoint--tablet-p"></div>
    <div class="breakpoint--mobile-early"></div>
    <div class="breakpoint--mobile"></div>
</div>

<script src="/js/bower.js"></script>
<script src="/js/can-autoplay.js"></script>
<script src="/js/custom.js?v=1"></script>

<script>
  
if ($(window).width() < 1080) {

  $('.js-toggle-nav').on('click', function (event) {

    // Only use logo for trigger if it's closed. If mobile nav is open, navigate to homepage on click
    if (!$('.mod_mobile-nav').hasClass('is-in')) {
        event.preventDefault();

        $('.mod_mobile-nav').addClass('is-in');
    }

  });
}

$(document).ready(function() {
$('.video-on-hover .video').hover(function() {
  $(this).find('video')[0].currentTime = 0;
  $(this).find('video')[0].play();
}, function() {
  $(this).find('video')[0].pause();
  $(this).find('video')[0].currentTime = 0;
});

});
  
</script>


<script>

  /*

  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-39835495-1', 'wvonm.com');
  ga('set', 'anonymizeIp', true);
  ga('send', 'pageview');

  */

</script>

</body>
</html>