Difference between revisions of "Team:OUC-China"

Line 24: Line 24:
  
 
</style>
 
</style>
 +
<!doctype html>
 +
<html>
 +
<head>
 +
    <meta charset="utf-8">
 +
    <title>Stupid Studios – A Design &amp; Branding Agency</title>
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
 +
    <link rel="stylesheet" href="https://stupid-studio.com/wp-content/themes/stupid/assets/css/style.min.css">
  
 +
        <!--[if lt IE 10]>
 +
        <script>
 +
            window.location.href = '/fallback';
 +
        </script>
 +
    <![endif]-->
 +
   
 +
   
 +
<!-- This site is optimized with the Yoast SEO plugin v2.3.2 - https://yoast.com/wordpress/plugins/seo/ -->
 +
<meta name="description" content="Our award winning work connects companies with people in new and engaging ways. We design with purpose and meaning, and we have fun along the way."/>
 +
<link rel="canonical" href="https://stupid-studio.com/" />
 +
<meta property="og:locale" content="en_US" />
 +
<meta property="og:type" content="website" />
 +
<meta property="og:title" content="Stupid Studios – A Design &amp; Branding Agency" />
 +
<meta property="og:description" content="Our award winning work connects companies with people in new and engaging ways. We design with purpose and meaning, and we have fun along the way." />
 +
<meta property="og:url" content="https://stupid-studio.com/" />
 +
<meta property="og:site_name" content="Stupid Studios" />
 +
<meta property="og:image" content="https://stupid-studio.com/wp-content/uploads/2015/02/Stupid_Studio_Design_And_Branding_SocialMedia.jpg" />
 +
<meta name="twitter:card" content="summary_large_image"/>
 +
<meta name="twitter:description" content="Our award winning work connects companies with people in new and engaging ways. We design with purpose and meaning, and we have fun along the way."/>
 +
<meta name="twitter:title" content="Stupid Studios – A Design &amp; Branding Agency"/>
 +
<meta name="twitter:site" content="@stupidstudio"/>
 +
<meta name="twitter:domain" content="Stupid Studios"/>
 +
<meta name="twitter:image:src" content="https://stupid-studio.com/wp-content/uploads/2015/02/Stupid_Studio_Design_And_Branding_SocialMedia.jpg"/>
 +
<meta name="twitter:creator" content="@stupidstudio"/>
 +
<script type='application/ld+json'>{"@context":"http:\/\/schema.org","@type":"WebSite","url":"https:\/\/stupid-studio.com\/","name":"Stupid Studios","potentialAction":{"@type":"SearchAction","target":"https:\/\/stupid-studio.com\/?s={search_term_string}","query-input":"required name=search_term_string"}}</script>
 +
<!-- / Yoast SEO plugin. -->
  
−
<!DOCTYPE html>
+
<script type="text/javascript">
−
<html xmlns="http://www.w3.org/1999/xhtml">
+
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/72x72\/","ext":".png","source":{"concatemoji":"https:\/\/stupid-studio.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.2.4"}};
 +
!function(a,b,c){function d(a){var c=b.createElement("canvas"),d=c.getContext&&c.getContext("2d");return d&&d.fillText?(d.textBaseline="top",d.font="600 32px Arial","flag"===a?(d.fillText(String.fromCharCode(55356,56812,55356,56807),0,0),c.toDataURL().length>3e3):(d.fillText(String.fromCharCode(55357,56835),0,0),0!==d.getImageData(16,16,1,1).data[0])):!1}function e(a){var c=b.createElement("script");c.src=a,c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g;c.supports={simple:d("simple"),flag:d("flag")},c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.simple&&c.supports.flag||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings);
 +
</script>
 +
<style type="text/css">
 +
img.wp-smiley,
 +
img.emoji {
 +
display: inline !important;
 +
border: none !important;
 +
box-shadow: none !important;
 +
height: 1em !important;
 +
width: 1em !important;
 +
margin: 0 .07em !important;
 +
vertical-align: -0.1em !important;
 +
background: none !important;
 +
padding: 0 !important;
 +
}
 +
</style>
 +
</head>
 +
<body>
  
−
<head>
+
<div class="nav-slanted"></div>
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
−
<meta name="keywords" content="integrated,evolution,machine,sysu-china,b2h,mutation,m13,RNAT">
+
−
<meta name="author" content="Moriwifi Guo Wenyan，MaryZhang Liu Chancheng" />
+
−
<title>20</title>
+
  
 +
<!-- Full screen menu -->
 +
<div class="nav-full-screen height-fixed height-fixed-xs height-fixed-portrait height-100 hidden">
 +
<nav>
 +
 +
<ul id="menu-menu" class="flex-container flex-align-center justify-center align-center container height-fixed-portrait"><li id="menu-item-948" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-948"><a href="https://stupid-studio.com/case-studies/">Case Studies</a></li>
 +
<li id="menu-item-943" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-943"><a href="https://stupid-studio.com/our-services/">Services</a></li>
 +
<li id="menu-item-952" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-952"><a href="https://stupid-studio.com/our-approach/">Our Approach</a></li>
 +
<li id="menu-item-942" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-942"><a href="https://stupid-studio.com/manifesto/">Manifesto</a></li>
 +
<li id="menu-item-941" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-941"><a href="https://stupid-studio.com/about/">About Us</a></li>
 +
<li id="menu-item-949" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-949"><a href="https://stupid-studio.com/contact/">Contact</a></li>
 +
<li id="menu-item-14841" class="secondary menu-item menu-item-type-post_type menu-item-object-page menu-item-14841"><a href="https://stupid-studio.com/careers/">Careers</a></li>
 +
</ul>
 +
</nav>
 +
</div>
 +
 +
<!-- Logo + hamburger -->
 +
 +
<div class="nav">
 +
<a class="target-logo" href="https://stupid-studio.com">
 +
 +
<svg class="logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100.062 28.626" enable-background="new 0 0 100.062 28.626" xml:space="preserve">
 +
<g>
 +
<path fill="currentColor" d="M10.934,10.609c3.083,1.657,4,3.615,4,6.016c0,3.14-2.075,6.49-8.088,6.49c-2.341,0-4.09-0.268-5.601-0.651
 +
c-0.297-0.093-0.592-0.269-0.592-0.595v-2.904c0-0.412,0.237-0.562,0.531-0.562h0.092c1.213,0.119,4.475,0.354,5.63,0.354
 +
c2.044,0,2.636-0.651,2.636-2.075c0-0.857-0.416-1.333-1.955-2.251l-4.091-2.431C0.739,10.372,0,8.506,0,6.341
 +
c0-3.258,1.838-5.778,7.587-5.778c2.162,0,5.155,0.355,6.281,0.652c0.237,0.062,0.444,0.207,0.444,0.533v2.995
 +
c0,0.266-0.119,0.503-0.505,0.503h-0.058c-0.83-0.06-4.267-0.327-6.281-0.327c-1.689,0-2.313,0.504-2.313,1.57
 +
c0,0.831,0.386,1.216,1.986,2.077L10.934,10.609 M25.802,19.469h-1.45c-0.89,0-0.979-0.209-0.979-1.392V9.455h2.429
 +
c0.326,0,0.593-0.27,0.593-0.596V6.461c0-0.324-0.267-0.593-0.593-0.593h-2.429V2.726c0-0.295-0.237-0.502-0.534-0.502h-0.088
 +
l-3.615,0.622c-0.326,0.058-0.592,0.266-0.592,0.591v2.432h-2.372c-0.326,0-0.623,0.296-0.623,0.62v1.958
 +
c0,0.327,0.297,0.562,0.623,0.623l2.372,0.386v8.592c0,4.209,1.72,5.068,4.978,5.068c0.858,0,1.451-0.091,2.341-0.238
 +
c0.355-0.059,0.563-0.295,0.563-0.594v-2.311C26.426,19.647,26.189,19.469,25.802,19.469 M41.886,5.867h-3.585
 +
c-0.325,0-0.592,0.297-0.592,0.621v11.678c-1.009,0.533-1.927,0.947-2.787,0.947c-1.807,0-2.192-0.681-2.192-2.758V6.488
 +
c0-0.324-0.268-0.621-0.593-0.621h-3.585c-0.327,0-0.621,0.297-0.621,0.621v9.867c0,3.738,0.947,6.73,5.245,6.73
 +
c1.895,0,3.198-0.389,4.829-1.542v0.712c0,0.325,0.266,0.592,0.595,0.592h3.316c0.325,0,0.593-0.267,0.593-0.592V6.488
 +
C42.509,6.164,42.212,5.867,41.886,5.867 M54.883,13.217c0-2.103-0.533-3.617-2.637-3.617c-0.98,0-1.867,0.062-2.432,0.149v9.247
 +
c0.713,0.087,1.721,0.176,2.432,0.176c2.104,0,2.637-1.57,2.637-3.645V13.217z M52.246,5.629c4.799,0,7.438,2.787,7.438,7.588
 +
v2.311c0,4.651-2.431,7.588-7.438,7.588c-0.594,0-1.572-0.091-2.432-0.209v5.125c0,0.325-0.266,0.595-0.59,0.595h-3.587
 +
c-0.326,0-0.623-0.27-0.623-0.595V7.259c0-0.474,0.12-0.682,0.92-0.857C47.625,5.987,49.963,5.629,52.246,5.629 M65.981,0h-3.853
 +
c-0.324,0-0.595,0.269-0.595,0.594V3.35c0,0.324,0.271,0.593,0.595,0.593h3.853c0.326,0,0.593-0.269,0.593-0.593V0.594
 +
C66.574,0.269,66.308,0,65.981,0 M65.862,5.867h-3.615c-0.323,0-0.591,0.271-0.591,0.594v15.795c0,0.325,0.268,0.592,0.591,0.592
 +
h3.615c0.326,0,0.593-0.267,0.593-0.592V6.461C66.455,6.138,66.188,5.867,65.862,5.867 M78.264,9.75
 +
c-0.711-0.088-1.717-0.149-2.428-0.149c-2.104,0-2.64,1.542-2.64,3.617v2.309c0,2.106,0.535,3.646,2.64,3.646
 +
c0.976,0,1.865-0.09,2.428-0.176V9.75z M82.44,0.12c0.327,0,0.624,0.268,0.624,0.592v20.771c0,0.478-0.119,0.683-0.919,0.86
 +
c-1.688,0.415-4.03,0.771-6.31,0.771c-4.802,0-7.439-2.786-7.439-7.589v-2.309c0-4.651,2.429-7.589,7.439-7.589
 +
c0.59,0,1.568,0.093,2.428,0.21V0.712c0-0.324,0.267-0.592,0.593-0.592H82.44"></path>
 +
<path id="stupidHeart" fill="currentColor" d="M99.972,16.997c-0.292-2.154-3.192-2.108-4.146-1.111c-0.795,0.839,0.453,2.626-1.674,2.626
 +
c-1.875,0-0.881-1.787-1.674-2.626c-0.951-0.997-3.854-1.043-4.148,1.111c-0.235,1.752-0.038,2.801,0.975,4.224
 +
c1.064,1.495,3.124,2.534,4.848,3.395c1.724-0.86,3.782-1.899,4.85-3.395C100.013,19.798,100.21,18.749,99.972,16.997"></path>
 +
</g>
 +
</svg>
 +
 +
</a>
 
 
−
<!--[if IE]>
+
<div class="target-hamburger">
−
<script type="text/javascript">
+
−
var console = { log: function() {} };
+
<ul class="hamburger">
−
</script>
+
<li class="bun"></li>
−
<![endif]-->
+
<li class="bun"></li>
 +
</ul>
 +
 +
</div>
 +
</div>
 +
<div class="layer">
 +
<div class="transform">
 +
<article id="page-frontpage" class="page">
 +
 
 
 
 +
<section id="section-f752582986d70327ae2e8dd9aea7f976" class="section no-padding" style="background-color: #000000; color: #2e2e2e;">
 +
   
 +
       
 +
    <div class="container-fluid">
 +
   
 +
    <div class="row row-equal-columns">
 +
 +
  
−
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.fullPage.min.js?action=raw&amp;ctype=text/javascript"></script>
+
<div class="column no-padding padding-tb-none">
 +
<div class="flex">
  
−
<script type="text/javascript">
+
−
        (function() {
+
−
            $($(".firstHeading")[0]).hide();
+
<div class="block block-post_slider">
−
$("#top-section").hide();
+
−
$("#headdiv").hover(function() {
+
<div class="slider slider-post" data-slider-animation-duration="1000" data-slider-interval="8000" data-slider-loop="true" data-slider-parallax-speed="0.5">
−
$("#top-section").show();
+
−
},function() {
+
<div class="wrapper">
 +
<div class="scroller" style="width: 400%">
 
 
−
}).trigger("mousehover");
+
 +
 +
<div class="item active">
 +
 +
<div class="parallax-layer">
 +
<div class="image-background">
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/02/hero1-750x439.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/02/hero1-750x439.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/02/hero1-1280x749.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/02/hero1-1920x1124.jpg" class="" alt="" title=""> </div>
 +
</div>
 +
 +
<div class="content-layer">
 +
 +
<svg class="slider-post-slanting hidden-xs hidden-portrait" viewBox="0 0 2880 1620" height="100%" preserveAspectRatio="xMaxYMax slice" style="position:absolute; bottom: 0px; min-height: 810px;">
 +
<polygon opacity="0.9" fill="#6ec0c0" points="2000,1620 0,1620 0,0 600,0 "/>
 +
</svg>
 +
 +
<div class="slider-post-content">
 +
<div class="slider-post-fill" style="background-color: #6ec0c0"></div>
 +
 +
<header>
 +
<h2>Bianco & PutPut</h2>
 +
<p class="subheading">Case study</p>
 +
</header>
 +
 +
<p>Phase Two of the Bianco rebranding involves hair, sausages, fruit, lighted candles, and a lot more. The Everything Has...</p>
 +
 +
<a href="https://stupid-studio.com/cases/bianco-putput/" class="button button-dash">See case</a>
 +
 +
</div>
 +
</div>
 +
 +
</div>
 +
 +
 +
 +
<div class="item">
 +
 +
<div class="parallax-layer">
 +
<div class="image-background">
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/bang-750x469.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/bang-750x469.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/bang-1280x800.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/bang.jpg" class="" alt="" title="bang"> </div>
 +
</div>
 +
 +
<div class="content-layer">
 +
 +
<svg class="slider-post-slanting hidden-xs hidden-portrait" viewBox="0 0 2880 1620" height="100%" preserveAspectRatio="xMaxYMax slice" style="position:absolute; bottom: 0px; min-height: 810px;">
 +
<polygon opacity="0.9" fill="#f9b635" points="2000,1620 0,1620 0,0 600,0 "/>
 +
</svg>
 +
 +
<div class="slider-post-content">
 +
<div class="slider-post-fill" style="background-color: #f9b635"></div>
 +
 +
<header>
 +
<h2>Beoplay A2</h2>
 +
<p class="subheading">Case study</p>
 +
</header>
 +
 +
<p>When we created the campaign site for B&O Play's acclaimed A2 portable Bluetooth speaker, we worked closely with the...</p>
 +
 +
<a href="https://stupid-studio.com/cases/beoplay-a2/" class="button button-dash">See case</a>
 +
 +
</div>
 +
</div>
 +
 +
</div>
 +
 +
 +
 +
<div class="item">
 +
 +
<div class="parallax-layer">
 +
<div class="image-background">
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/02/brandts-hero-750x426.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/02/brandts-hero-750x426.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/02/brandts-hero-1280x727.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/02/brandts-hero.jpg" class="" alt="" title="brandts-hero"> </div>
 +
</div>
 +
 +
<div class="content-layer">
 +
 +
<svg class="slider-post-slanting hidden-xs hidden-portrait" viewBox="0 0 2880 1620" height="100%" preserveAspectRatio="xMaxYMax slice" style="position:absolute; bottom: 0px; min-height: 810px;">
 +
<polygon opacity="0.9" fill="#647077" points="2000,1620 0,1620 0,0 600,0 "/>
 +
</svg>
 +
 +
<div class="slider-post-content">
 +
<div class="slider-post-fill" style="background-color: #647077"></div>
 +
 +
<header>
 +
<h2>Brandts Museum</h2>
 +
<p class="subheading">Case study</p>
 +
</header>
 +
 +
<p>A unique rebrand of one of the best museums in Denmark. A new identity that embraces two locations, a wide variety of...</p>
 +
 +
<a href="https://stupid-studio.com/cases/brandts/" class="button button-dash">See case</a>
 +
 +
</div>
 +
</div>
 +
 +
</div>
 +
 +
 +
 +
<div class="item">
 +
 +
<div class="parallax-layer">
 +
<div class="image-background">
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/02/nelles-hero-750x500.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/02/nelles-hero-750x500.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/02/nelles-hero-1280x853.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/02/nelles-hero.jpg" class="" alt="" title="nelles-hero"> </div>
 +
</div>
 +
 +
<div class="content-layer">
 +
 +
<svg class="slider-post-slanting hidden-xs hidden-portrait" viewBox="0 0 2880 1620" height="100%" preserveAspectRatio="xMaxYMax slice" style="position:absolute; bottom: 0px; min-height: 810px;">
 +
<polygon opacity="0.9" fill="#17c1b7" points="2000,1620 0,1620 0,0 600,0 "/>
 +
</svg>
 +
 +
<div class="slider-post-content">
 +
<div class="slider-post-fill" style="background-color: #17c1b7"></div>
 +
 +
<header>
 +
<h2>Nelle's Coffee & Wine</h2>
 +
<p class="subheading">Case study</p>
 +
</header>
 +
 +
<p>With a character of its own and a contemporary and welcoming style, Nelle's coffee shop and wine bar was an instant...</p>
 +
 +
<a href="https://stupid-studio.com/cases/nelles-coffee-wine/" class="button button-dash">See case</a>
 +
 +
</div>
 +
</div>
 +
 +
</div>
 +
 +
 +
</div>
 +
</div>
 +
 +
<ol class="slider-indicators">
 +
<li>0</li>
 +
<li>1</li>
 +
<li>2</li>
 +
<li>3</li>
 +
</ol>
 +
 +
<div class="slider-control"></div>
 +
<div class="slider-control right"></div>
  
−
$("#top-section").hover(function() {
+
</div>
 +
</div>
 +
 +
</div>
 +
</div>       
 +
        </div>
 +
       
 +
    </div>
 +
   
 +
</section>
 +
 
 +
 
 +
<section id="section-0070d23b06b1486a538c0eaa45dd167a" class="section padding-top padding-bottom" style="background-color: #2a2c44; color: #ffffff;">
 +
   
 +
       
 +
    <div class="container">
 +
   
 +
    <div class="row row-equal-columns">
 +
 +
 +
 
 +
<div class="column col-md-4 col-md-offset-4 align-center padding-default padding-tb-default">
 +
<div class="flex">
 +
 
 +
 +
 +
<div class="block block-image">
 +
 +
 +
 
 +
 
 +
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studios_Hello_Agency.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studios_Hello_Agency.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studios_Hello_Agency.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studios_Hello_Agency.jpg" class="width-50 center" alt="" title="Stupid_Studios_Hello_Agency">
 +
 +
</div>
 +
 +
</div>
 +
</div> </div>
 +
<div class="row row-equal-columns row-padding-medium">
 +
 +
 
 +
 
 +
<div class="column col-md-8 col-md-offset-2 align-center padding-default padding-tb-default">
 +
<div class="flex flex-middle">
 +
 
 +
 +
 +
<div class="block block-quote">
 +
 +
 +
<blockquote class="text-size-md text-normal">
 +
<p>Stupid Studios is a Danish design and branding agency. Our work connects companies with people in new and engaging ways. We design with purpose and meaning, and we have fun along the way.</p>
 +
<footer>
 +
<cite>
 +
<p class="subheading">Daniel Gjøde, Founding Partner</p>
 
 
−
},function() {
+
<small>PS: You just read all this because of the banana, right?</small>
−
$("#top-section").hide();
+
−
}).trigger("mousehover");
+
</cite>
−
         })(jQuery)
+
</footer>
 +
</blockquote>
 +
</div>
 +
 +
</div>
 +
</div>       
 +
        </div>
 +
       
 +
    </div>
 +
   
 +
</section>
 +
 
 +
 
 +
<section id="section-3e9e39fed3b8369ed940f52cf300cf88" class="section padding-top padding-bottom" style="background-color: #f2f2f2; color: #262626;">
 +
   
 +
       
 +
    <div class="container">
 +
   
 +
    <div class="row row-equal-columns">
 +
 +
 +
 
 +
<div class="column col-md-4 padding-medium padding-tb-default">
 +
<div class="flex">
 +
 
 +
 +
 +
<div class="block block-image">
 +
 +
 +
 
 +
 
 +
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_hotdog_Rev2.png" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_hotdog_Rev2.png 750w, https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_hotdog_Rev2.png 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_hotdog_Rev2.png" class="width-60 center" alt="" title="Stupid_Studio_Frontpage_hotdog_Rev2">
 +
 +
</div>
 +
 +
 +
 +
<div class="block block-text">
 +
 +
<header><h2>Our Approach</h2></header><p>If we were to design an identity for a coffee shop, we’d visit the coffee shop, chat with customers, and drink coffee there until we could really understand what made that coffee shop special. Only then would we begin to develop ideas and apply our craftsmanship. Read more about our approach to design and strategy.</p>
 +
 +
</div>
 +
 +
 +
 +
<div class="block block-button">
 +
 +
 +
<a href="https://stupid-studio.com/our-approach/" class="button button-dash" style="border-color: #262626;">Read More</a>
 +
</div>
 +
 +
</div>
 +
</div>
 +
 
 +
<div class="column col-md-4 padding-medium padding-tb-default">
 +
<div class="flex">
 +
 
 +
 +
 +
<div class="block block-image">
 +
 +
 +
 
 +
 
 +
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_proces_rev2.png" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_proces_rev2.png 750w, https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_proces_rev2.png 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_proces_rev2.png" class="width-60 center" alt="" title="Stupid_Studio_Frontpage_proces_rev2">
 +
 +
</div>
 +
 +
 +
 +
<div class="block block-text">
 +
 +
<header><h2>Our Services</h2></header><p>Our work is contemporary, has a character of its own and creates a strong visual impression – but it is always based on our design process. Our process means an analytical approach to the task that ensures real and measurable effects and adds value for both you and your audience.</p>
 +
 +
</div>
 +
 +
 +
 +
<div class="block block-button">
 +
 +
 +
<a href="https://stupid-studio.com/our-services/" class="button button-dash" style="border-color: #262626;">Read More</a>
 +
</div>
 +
 +
</div>
 +
</div>
 +
 
 +
<div class="column col-md-4 padding-medium padding-tb-default">
 +
<div class="flex">
 +
 
 +
 +
 +
<div class="block block-image">
 +
 +
 +
 
 +
 
 +
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_manifesto_rev2.png" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_manifesto_rev2.png 750w, https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_manifesto_rev2.png 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_manifesto_rev2.png" class="width-60 center" alt="" title="Stupid_Studio_Frontpage_manifesto_rev2">
 +
 +
</div>
 +
 +
 +
 +
<div class="block block-text">
 +
 +
<header><h2>We Have Values</h2></header><p>Think of an agency relationship as a new romance. Would you be looking for someone who agrees with everything you say, does everything you tell him to do, and sits by the phone all day waiting for your call?  Or would you rather be with an opinionated partner who isn’t afraid to challenge you, someone with the guts to ask the seemingly stupid questions that really need to be asked? Precisely.</p>
 +
 +
</div>
 +
 +
 +
 +
<div class="block block-button">
 +
 +
 +
<a href="https://stupid-studio.com/manifesto/" class="button button-dash" style="border-color: #262626;">See Our Manifesto</a>
 +
</div>
 +
 +
</div>
 +
</div>       
 +
        </div>
 +
       
 +
    </div>
 +
   
 +
</section>
 +
 
 +
 
 +
<section id="section-a088ea2078cd92b0b8a0e78a32c5c082" class="section padding-top padding-bottom" style="background-color: #434343; color: #383838;">
 +
   
 +
       
 +
    <div class="container">
 +
   
 +
    <div class="row row-equal-columns">
 +
 +
 +
 
 +
<div class="column col-md-10 col-md-offset-1 padding-default padding-tb-default">
 +
<div class="flex">
 +
 
 +
 +
 +
<div class="block block-gallery">
 +
 +
<div class="flex-wrap">
 +
 +
 +
 +
<div class="flex-col-3 flex-col-xs-6">
 +
<div class="image-background ratio ratio-square">
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Greenpeace.svg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Greenpeace.svg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Greenpeace.svg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Greenpeace.svg" class="" alt="" title="StupidStudio_Client_Greenpeace"> </div>
 +
    </div>
 +
   
 +
 +
 +
<div class="flex-col-3 flex-col-xs-6">
 +
<div class="image-background ratio ratio-square">
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_TV2_Denmark1.svg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_TV2_Denmark1.svg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_TV2_Denmark1.svg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_TV2_Denmark1.svg" class="" alt="" title="StupidStudio_Client_TV2_Denmark"> </div>
 +
    </div>
 +
   
 +
 +
 +
<div class="flex-col-3 flex-col-xs-6">
 +
<div class="image-background ratio ratio-square">
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_BRANDTS_Denmark.svg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_BRANDTS_Denmark.svg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_BRANDTS_Denmark.svg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_BRANDTS_Denmark.svg" class="" alt="" title="StupidStudio_Client_BRANDTS_Denmark"> </div>
 +
    </div>
 +
   
 +
 +
 +
<div class="flex-col-3 flex-col-xs-6">
 +
<div class="image-background ratio ratio-square">
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_UndervisningsMinisteriet.svg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_UndervisningsMinisteriet.svg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_UndervisningsMinisteriet.svg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_UndervisningsMinisteriet.svg" class="" alt="" title="StupidStudio_Client_UndervisningsMinisteriet"> </div>
 +
    </div>
 +
   
 +
 +
 +
<div class="flex-col-3 flex-col-xs-6">
 +
<div class="image-background ratio ratio-square">
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Rigsarkivet.svg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Rigsarkivet.svg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Rigsarkivet.svg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Rigsarkivet.svg" class="" alt="" title="StupidStudio_Client_Rigsarkivet"> </div>
 +
    </div>
 +
   
 +
 +
 +
<div class="flex-col-3 flex-col-xs-6">
 +
<div class="image-background ratio ratio-square">
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_AmnestyInternational1.svg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_AmnestyInternational1.svg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_AmnestyInternational1.svg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_AmnestyInternational1.svg" class="" alt="" title="StupidStudio_Client_AmnestyInternational"> </div>
 +
    </div>
 +
   
 +
 +
 +
<div class="flex-col-3 flex-col-xs-6">
 +
<div class="image-background ratio ratio-square">
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_DR_Denmark3.svg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_DR_Denmark3.svg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_DR_Denmark3.svg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_DR_Denmark3.svg" class="" alt="" title="StupidStudio_Client_DR_Denmark"> </div>
 +
    </div>
 +
   
 +
 +
 +
<div class="flex-col-3 flex-col-xs-6">
 +
<div class="image-background ratio ratio-square">
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Sony_Music1.svg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Sony_Music1.svg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Sony_Music1.svg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Sony_Music1.svg" class="" alt="" title="StupidStudio_Client_Sony_Music"> </div>
 +
    </div>
 +
   
 +
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>       
 +
        </div>
 +
       
 +
    </div>
 +
   
 +
</section>
 +
 
 +
 
 +
<section id="section-e0a209539d1e74ab9fe46b9e01a19a97" class="section no-padding" style="background-color: #666666; color: #2e2e2e;">
 +
   
 +
       
 +
    <div class="container-fluid">
 +
   
 +
    <div class="row row-equal-columns">
 +
 +
 +
 
 +
<div class="column no-padding padding-tb-none">
 +
<div class="flex">
 +
 
 +
 +
 +
<div class="block block-post">
 +
 +
<div class="flex-wrap">
 +
 +
 +
 +
<div class="flex-col-4 flex-col-xs-12 hover" style="background-color: #e93e19; color: white;">
 +
 +
<div class="image-background ratio ratio-16-9 hover-out">
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/wlgd-snap1-750x411.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/wlgd-snap1-750x411.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/wlgd-snap1-1280x701.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/wlgd-snap1.jpg" class="" alt="" title="wlgd-snap"> </div>
 +
 +
<div class="bleed hover-in">
 +
<div class="flex-container flex-space-around">
 +
<div class="flex-item flex-align-center align-center">
 +
<header>
 +
<h2 class="small">We Love Graphic Design</h2>
 +
<p class="subheading">Case study</p>
 +
</header>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<a href="https://stupid-studio.com/cases/we-love-graphic-design/" class="bleed text-indent-hide z-index--hover">We Love Graphic Design</a>
 +
    </div>
 +
   
 +
 +
 +
<div class="flex-col-4 flex-col-xs-12 hover" style="background-color: #f9b635; color: white;">
 +
 +
<div class="image-background ratio ratio-16-9 hover-out">
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/bang-750x469.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/bang-750x469.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/bang-1280x800.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/bang.jpg" class="" alt="" title="bang"> </div>
 +
 +
<div class="bleed hover-in">
 +
<div class="flex-container flex-space-around">
 +
<div class="flex-item flex-align-center align-center">
 +
<header>
 +
<h2 class="small">Beoplay A2</h2>
 +
<p class="subheading">Case study</p>
 +
</header>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<a href="https://stupid-studio.com/cases/beoplay-a2/" class="bleed text-indent-hide z-index--hover">Beoplay A2</a>
 +
    </div>
 +
   
 +
 +
 +
<div class="flex-col-4 flex-col-xs-12 hover" style="background-color: #17c1b7; color: white;">
 +
 +
<div class="image-background ratio ratio-16-9 hover-out">
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/02/nelles-hero-750x500.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/02/nelles-hero-750x500.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/02/nelles-hero-1280x853.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/02/nelles-hero.jpg" class="" alt="" title="nelles-hero"> </div>
 +
 +
<div class="bleed hover-in">
 +
<div class="flex-container flex-space-around">
 +
<div class="flex-item flex-align-center align-center">
 +
<header>
 +
<h2 class="small">Nelle's Coffee & Wine</h2>
 +
<p class="subheading">Case study</p>
 +
</header>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<a href="https://stupid-studio.com/cases/nelles-coffee-wine/" class="bleed text-indent-hide z-index--hover">Nelle's Coffee & Wine</a>
 +
    </div>
 +
   
 +
 +
 +
<div class="flex-col-4 flex-col-xs-12 hover" style="background-color: #77b1a8; color: white;">
 +
 +
<div class="image-background ratio ratio-16-9 hover-out">
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/02/Rigsarkivet-hero-21-750x421.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/02/Rigsarkivet-hero-21-750x421.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/02/Rigsarkivet-hero-21-1280x718.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/02/Rigsarkivet-hero-21.jpg" class="" alt="" title="Rigsarkivet-hero-2"> </div>
 +
 +
<div class="bleed hover-in">
 +
<div class="flex-container flex-space-around">
 +
<div class="flex-item flex-align-center align-center">
 +
<header>
 +
<h2 class="small">National Archives</h2>
 +
<p class="subheading">Case study</p>
 +
</header>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<a href="https://stupid-studio.com/cases/nationalarchives/" class="bleed text-indent-hide z-index--hover">National Archives</a>
 +
    </div>
 +
   
 +
 +
 +
<div class="flex-col-4 flex-col-xs-12 hover" style="background-color: #a00101; color: white;">
 +
 +
<div class="image-background ratio ratio-16-9 hover-out">
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/tv2_stupid_studio_hero-750x422.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/tv2_stupid_studio_hero-750x422.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/tv2_stupid_studio_hero-1280x720.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/tv2_stupid_studio_hero-1920x1080.jpg" class="" alt="" title="tv2_stupid_studio_hero"> </div>
 +
 +
<div class="bleed hover-in">
 +
<div class="flex-container flex-space-around">
 +
<div class="flex-item flex-align-center align-center">
 +
<header>
 +
<h2 class="small">TV 2 Denmark</h2>
 +
<p class="subheading">Case study</p>
 +
</header>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<a href="https://stupid-studio.com/cases/tv-2-onair-design/" class="bleed text-indent-hide z-index--hover">TV 2 Denmark</a>
 +
    </div>
 +
   
 +
 +
 +
<div class="flex-col-4 flex-col-xs-12 hover" style="background-color: #002395; color: white;">
 +
 +
<div class="image-background ratio ratio-16-9 hover-out">
 +
<img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/02/Hero4-750x423.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/02/Hero4-750x423.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/02/Hero4-1280x722.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/02/Hero4.jpg" class="" alt="" title="Hero"> </div>
 +
 +
<div class="bleed hover-in">
 +
<div class="flex-container flex-space-around">
 +
<div class="flex-item flex-align-center align-center">
 +
<header>
 +
<h2 class="small">The Danish Council for Childrens Learning</h2>
 +
<p class="subheading">Case study</p>
 +
</header>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<a href="https://stupid-studio.com/cases/danish-council-for-childrens-learning/" class="bleed text-indent-hide z-index--hover">The Danish Council for Childrens Learning</a>
 +
    </div>
 +
   
 +
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>       
 +
        </div>
 +
       
 +
    </div>
 +
   
 +
</section>
 +
 
 +
 
 +
<section id="section-09733dde1da9c47d431c043b24056f4e" class="section padding-top padding-bottom" style="background-color: #262626; color: #ffffff;">
 +
   
 +
       
 +
    <div class="container">
 +
   
 +
    <div class="row row-equal-columns">
 +
 +
 +
 
 +
<div class="column col-md-6 col-md-offset-3 align-center padding-default padding-tb-default">
 +
<div class="flex flex-middle">
 +
 
 +
 +
 +
<div class="block block-text">
 +
 +
<header><h3>+45 66 16 15 14</h3><p class="subheading">Danish, English, Swedish, Sønderjysk – You decide!</p></header>
 +
</div>
 +
 +
 +
 +
<div class="block block-button">
 +
 +
 +
<a href="https://stupid-studio.com/contact/" class="button button-stroke" style="border-color: #ffffff;">Don't Be A Stranger</a>
 +
</div>
 +
 +
</div>
 +
</div>       
 +
        </div>
 +
       
 +
    </div>
 +
   
 +
</section>
 +
 
 +
 
 +
 
 +
</article>
 +
 
 +
</div>
 +
</div>
 +
 
 +
<!-- The grid -->
 +
<div id="grid">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-sm-1"><div></div></div>
 +
<div class="col-sm-1"><div></div></div>
 +
<div class="col-sm-1"><div></div></div>
 +
<div class="col-sm-1"><div></div></div>
 +
<div class="col-sm-1"><div></div></div>
 +
<div class="col-sm-1"><div></div></div>
 +
<div class="col-sm-1"><div></div></div>
 +
<div class="col-sm-1"><div></div></div>
 +
<div class="col-sm-1"><div></div></div>
 +
<div class="col-sm-1"><div></div></div>
 +
<div class="col-sm-1"><div></div></div>
 +
<div class="col-sm-1"><div></div></div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
<script src="https://stupid-studio.com/wp-content/themes/stupid/assets/js/app.js"></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-1764636-1', 'auto');
 +
        ga('send', 'pageview');
 
     </script>
 
     </script>
 +
</body>
 +
</html>
 +
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/
  
−
</head>
+
Served from: stupid-studio.com @ 2015-08-13 03:14:35 by W3 Total Cache -->

Revision as of 03:14, 13 August 2015

Team:OUC-China Stupid Studios – A Design & Branding Agency

Bianco & PutPut

Case study

Phase Two of the Bianco rebranding involves hair, sausages, fruit, lighted candles, and a lot more. The Everything Has...

See case

Beoplay A2

Case study

When we created the campaign site for B&O Play's acclaimed A2 portable Bluetooth speaker, we worked closely with the...

See case

Brandts Museum

Case study

A unique rebrand of one of the best museums in Denmark. A new identity that embraces two locations, a wide variety of...

See case

Nelle's Coffee & Wine

Case study

With a character of its own and a contemporary and welcoming style, Nelle's coffee shop and wine bar was an instant...

See case
  1. 0
  2. 1
  3. 2
  4. 3

Stupid Studios is a Danish design and branding agency. Our work connects companies with people in new and engaging ways. We design with purpose and meaning, and we have fun along the way.

Daniel Gjøde, Founding Partner

PS: You just read all this because of the banana, right?

Our Approach

If we were to design an identity for a coffee shop, we’d visit the coffee shop, chat with customers, and drink coffee there until we could really understand what made that coffee shop special. Only then would we begin to develop ideas and apply our craftsmanship. Read more about our approach to design and strategy.

Read More

Our Services

Our work is contemporary, has a character of its own and creates a strong visual impression – but it is always based on our design process. Our process means an analytical approach to the task that ensures real and measurable effects and adds value for both you and your audience.

Read More

We Have Values

Think of an agency relationship as a new romance. Would you be looking for someone who agrees with everything you say, does everything you tell him to do, and sits by the phone all day waiting for your call? Or would you rather be with an opinionated partner who isn’t afraid to challenge you, someone with the guts to ask the seemingly stupid questions that really need to be asked? Precisely.

See Our Manifesto

We Love Graphic Design

Case study

We Love Graphic Design

Beoplay A2

Case study

Beoplay A2

Nelle's Coffee & Wine

Case study

Nelle's Coffee & Wine

National Archives

Case study

National Archives

TV 2 Denmark

Case study

TV 2 Denmark

The Danish Council for Childrens Learning

Case study

The Danish Council for Childrens Learning

+45 66 16 15 14

Danish, English, Swedish, Sønderjysk – You decide!

Don't Be A Stranger