Difference between revisions of "Team:Peking/Design"

 
(138 intermediate revisions by 4 users not shown)
Line 6: Line 6:
 
     <head>
 
     <head>
 
         <!--- Basic Page Needs========================================================================= -->
 
         <!--- Basic Page Needs========================================================================= -->
         <meta charset="utf-8">
+
         <meta charset="utf-8"/>
            <title>Overview</title>
+
        <title></title>
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />
+
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />
            <meta name="description" content="Wiki of Peking iGEM 2016" />
+
        <meta name="description" content="Wiki of Peking iGEM 2018" />
            <meta name="author" content="Li Jiamian & Wang Yuqing">
+
        <meta name="author" content="Peking iGEM"/>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                <!-- Mobile Specific Metas===================================================================== -->
+
        <!-- Mobile Specific Metas===================================================================== -->
                <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
                    <!-- Fix  Overwrite the original iGEM style=================================================== -->
+
        <!-- Fix  Overwrite the original iGEM style=================================================== -->
                    <link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" />
+
        <link href="https://2018.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" />
                    <!-- CSS======================================================================================= -->
+
        <!-- CSS======================================================================================= -->
                    <link href="https://2016.igem.org/Template:Peking/css/bootstrap_min?action=raw&ctype=text/css" rel="stylesheet" />
+
        <link href="https://2018.igem.org/Template:Peking/css/bootstrap_min?action=raw&ctype=text/css" rel="stylesheet" />
                    <link href="https://2016.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" />
+
        <link href="https://2018.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" />
                    <!-- CSS======================================================================================= -->
+
        <!-- CSS======================================================================================= -->
                    <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/default?action=raw&ctype=text/css">
+
        <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/default?action=raw&ctype=text/css"/>
                        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/layout?action=raw&ctype=text/css">
+
        <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/layout?action=raw&ctype=text/css"/>
                            <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css">
+
        <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css"/>
                                <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/priorstyle?action=raw&ctype=text/css">
+
        <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/>
                                    <style>
+
        <style>
                                        .home_img{
+
                        body { background: #D2D8D8 url(https://static.igem.org/mediawiki/2018/7/78/T--Peking--images_bodyBackground.jpeg); background-attachment:fixed;}
                                            padding: 10px;
+
            .texttitle{
                                            margin: 10px;
+
                color:#6495ED;
                                            width: 420px;
+
                font-size: 38px;
                                            float: left;
+
                line-height: 48px;
                                            height: 300px;
+
                margin-bottom: 12px;
                                        }
+
                font-family: raleway-bold, sans-serif !important;
                                    .home_text{
+
                background: transparent;
                                        padding-top: 20px;
+
                letter-spacing: 3px;
                                        margin: 10px;
+
                text-transform: uppercase;
                                        float: left;
+
                font-weight: 350;
                                        height: 300px;
+
                text-align: center;
                                    }
+
                padding-top:40px;
                                    .texttitle{
+
            }
                                        color: #11abb0;
+
        sup{font-size:11px;}
                                        font-size: 38px;
+
        .references{margin-top:150px;margin-bottom:40px;}
                                        line-height: 48px;
+
        .references p{font-size:14px !important; color:#666161 !important;}
                                        margin-bottom: 12px;
+
        .classic-title {font-weight: 300;padding-top:30px;}
                                        font-family: raleway-bold, sans-serif;
+
        .classic-title span {
                                        background: transparent;
+
            padding-bottom: 8px;
                                        letter-spacing: 3px;
+
            border-bottom: 1px solid #383232;
                                        text-transform: uppercase;
+
            font-weight: 400;
                                        font-weight: 350;
+
        }
                                        text-align: center;
+
        figure{margin-top:40px;margin-bottom:40px;height:auto;}
                                    }
+
        .anchor{padding-top:100px;margin-top:-100px;}
                                    sup{
+
            </style>
                                        font-size:11px;
+
       
                                    }
+
    </head>
                                    .references{margin-top:150px;margin-bottom:40px;}
+
                                    .references p{font-size:14px !important; color:#666161 !important;}
+
                                   
+
                                    .classic-title {font-weight: 300;}
+
                                    .classic-title span {
+
                                        padding-bottom: 8px;
+
                                        border-bottom: 1px solid #383232;
+
                                        font-weight: 400;
+
                                    }
+
                                    figure{margin-top:40px;margin-bottom:40px;height:auto;}
+
                                        </style>
+
                                   
+
                                    </head>
+
   
+
 
     <body>
 
     <body>
 +
        <!--sidebar 引用==============================================================================-->
 +
        <style>
 +
            #primary span{
 +
                display:block;
 +
                word-break:break-all
 +
            }
 +
       
 +
        #page-wrap {
 +
            width: 25%;
 +
            margin: 0px;
 +
            position: relative;
 +
        }
 +
        #page-wrap a:hover {color:#6495ED;}
 +
       
 +
        #sidebar {
 +
            width: 25%;
 +
            margin-left: 0px;
 +
        }
 +
        @media (min-width:1024px){
 +
            #sidebar{position:relative;top:120px;max-width:200px;}}
 +
        @media (max-width: 1023px){
 +
            #sidebar{display:none;
 +
            }
 +
            #page-wrap{display:none;}
 +
        }
 +
        </style>
 +
       
 +
       
 +
        <script type="text/javascript">
 +
            function menuFixed(id){
 +
                var obj = document.getElementById(id);
 +
                var _getHeight = obj.offsetTop;
 +
               
 +
                window.onscroll = function(){
 +
                    changePos(id,_getHeight);
 +
                }
 +
            }
 +
        function changePos(id,height){
 +
            var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
            if(w>=1024){
 +
                if($(window).scrollTop() + $(window).height() > $(document).height() - 230){
 +
                    $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");}
 +
            }
 +
            var scrollTop = document.documentElement.scrollTop || document.body.scrollTop -230;
 +
            var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
            var w = window.innerWidth;
 +
           
 +
            if(scrollTop < height){ obj.style.position = 'relative';
 +
            }else{
 +
                obj.style.position = 'fixed';
 +
            }
 +
        }
 +
        </script>
 +
       
 +
        <script type="text/javascript">
 +
            window.onload = function(){
 +
                menuFixed('sidebar');
 +
            }
 +
        </script>
 +
        <script>
 +
            function naver(id){
 +
                var obj=document.getElementById(id);
 +
                var oPos=obj.offsetTop;
 +
                return window.scrollTo(0,oPos+250);
 +
            }
 +
        </script>
 +
        <!--sidebar 引用 end ==============================================================================-->
 +
        <!--panel 引用==================================================================================-->
 +
        <style type="text/css">
 +
            .panel-default .panel-heading a{
 +
                text-decoration: none;
 +
                display:block;
 +
                padding:10px;
 +
            }
 +
        .panel-heading.panel-title{
 +
            text-decoration: none;
 +
            padding-top:0px;
 +
            padding-bottom:0px;
 +
            padding-left:0px;
 +
            padding-right:0px;
 +
            text-align:center;
 +
            font-size:19px;
 +
           
 +
        }
 +
        a[aria-expanded="true"] {
 +
            background-color:rgba(70, 73, 76, 0.95);
 +
            text-decoration: none;
 +
            color:white;
 +
        }
 +
       
 +
        .panel-default .panel-heading a[aria-expanded="false"]{
 +
            -o-transition: background-color 1s linear;
 +
            -moz-transition: background-color 1s linear;
 +
            -khtml-transition: background-color 1s linear;
 +
            -webkit-transition: background-color 1s linear;
 +
            -ms-transition: background-color 1s linear;
 +
            transition: background-color 1s linear;
 +
        }
 +
        .panel-default .panel-heading a[aria-expanded="false"]:hover{
 +
            background-color:rgba(70, 73, 76, 0.95);
 +
            text-decoration: none;
 +
            color:white;
 +
        }
 +
        .panel-default .panel-heading a[aria-expanded="true"]{
 +
            -o-transition: opacity 1s linear;
 +
            -moz-transition: opacity 1s linear;
 +
            -khtml-transition: opacity 1s linear;
 +
            -webkit-transition: opacity 1s linear;
 +
            -ms-transition: opacity 1s linear;
 +
            transition: opacity 0.7s linear;
 +
        }
 +
        .panel-default .panel-heading a[aria-expanded="true"]:hover{
 +
            opacity:0.7;
 +
        }
 +
       
 +
        .coll p a{
 +
            color:#5c9085 !important;
 +
        }
 +
        .coll p a:hover{
 +
            color:#6495ED!important;
 +
        }
 +
        .coll {
 +
            width:100%;
 +
            float:left;
 +
        }
 +
        .coll .info {
 +
            width:6%;
 +
            font-size:11px;
 +
            color:#a4a4a4;
 +
            margin-top:0px;
 +
            float:left;
 +
           
 +
        }
 +
        .coll .content {
 +
            width:94%;
 +
            float:left;
 +
            margin-left:40px;
 +
            margin-top:-3px;
 +
        }
 +
        .coll .ordi {
 +
            width;100%;
 +
            margin:0px 0px 0px 0px;
 +
            font-size:35px;
 +
            font-style:italic;
 +
            float:left;
 +
            color:#1E90FF;
 +
            opacity:0.8;
 +
        }
 +
       
 +
            </style>
 +
       
 +
        <script type="text/javascript">
 +
            $(document).ready(function(){
 +
                              $("#button1").click(function(){
 +
                                                  $(".panel-collapse").collapse("show");
 +
                                                  });
 +
                              });
 +
                              $(document).ready(function(){
 +
                                                $("#button2").click(function(){
 +
                                                                    $(".panel-collapse").collapse("hide");
 +
                                                                    });
 +
                                                });
 +
                                                $("#notebook").addClass("navbar-active");
 +
            </script>
 +
        <!--panel 引用 end ==================-->
 +
       
 
           <!-- Navigation -->
 
           <!-- Navigation -->
 
         <div id="navigation" class="navbar navbar-fixed-top">
 
         <div id="navigation" class="navbar navbar-fixed-top">
Line 75: Line 227:
 
                     </a>
 
                     </a>
 
                     <div id="logo" style="max-width:0px"><a class="" href="https://2018.igem.org/Team:Peking"><img
 
                     <div id="logo" style="max-width:0px"><a class="" href="https://2018.igem.org/Team:Peking"><img
                     src="https://static.igem.org/mediawiki/2018/e/e2/T--Peking--_toolbar.jpeg" width="45%"></a></div>
+
                     src="https://static.igem.org/mediawiki/2018/3/36/T--Peking--Logo.png"></a></div>
 
                    
 
                    
 
                     <div class="nav-collapse collapse">
 
                     <div class="nav-collapse collapse">
                         <ul class="nav">
+
                         <ul class="nav">                          
                             <li class="dropdown menu-1"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Project</a>
+
 
 +
                             <li class="menu-1"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking">Home</a>
 +
                            </li>
 +
 
 +
                            <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Project</a>
 
                                 <ul class="dropdown-menu">
 
                                 <ul class="dropdown-menu">
                                     <li><a href="https://2018.igem.org/Team:Peking/Project">Project</a></li>
+
                                     <li><a href="https://2018.igem.org/Team:Peking/Project" class="barfont1">Description</a></li>
                                    <li><a href="https://2018.igem.org/Team:Peking/Description" class="barfont1">Description</a></li>
+
 
                                     <li><a href="https://2018.igem.org/Team:Peking/Design" class="barfont1">Design</a></li>
 
                                     <li><a href="https://2018.igem.org/Team:Peking/Design" class="barfont1">Design</a></li>
 
                                     <li><a href="https://2018.igem.org/Team:Peking/Demonstrate" class="barfont1">Demonstration</a></li>
 
                                     <li><a href="https://2018.igem.org/Team:Peking/Demonstrate" class="barfont1">Demonstration</a></li>
                                     <li><a href="https://2018.igem.org/Team:Peking/Future_Plan" class="barfont1">Future Plan</a></li>
+
                                     <li><a href="https://2018.igem.org/Team:Peking/Perspective" class="barfont1">Perspective</a></li>
 
                                 </ul>
 
                                 </ul>
 
                             </li>
 
                             </li>
                             <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Data Page</a>
+
                             <li class="menu-3"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Model">Modeling</a>
                                <ul class="dropdown-menu">
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Results">Data Page</a></li>
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Phase_Separation_D" class="barfont1">Phase Separation</a></li>
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Functions_D" class="barfont1">Functions</a></li>
+
                                </ul>
+
 
                             </li>
 
                             </li>
                             <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Model</a>
+
                             <li class="menu-4"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Software">Software</a>
                                <ul class="dropdown-menu">
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Model">Model</a></li>
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Phase_Separation_M" class="barfont1">Phase Separation</a></li>
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Functions_M" class="barfont1">Functions</a></li>
+
                                </ul>
+
 
                             </li>
 
                             </li>
                             <li class="menu-4"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Software" >Software</a>
+
 
 +
 
 +
                             <li class="menu-6"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Human_Practices">Human Practices</a>
 
                             </li>
 
                             </li>
                            <li class="dropdown menu-5"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Human Practices</a>
+
                                 <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Achievement</a>
                                <ul class="dropdown-menu">
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Human_Practices/Gold" class="barfont1">Human Practices</a></li>
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Public_Engagement" class="barfont1">Public Engagement</a></li>
+
                                </ul>
+
                            </li>
+
                                 <li class="dropdown menu-6"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Team</a>
+
 
                                     <ul class="dropdown-menu">
 
                                     <ul class="dropdown-menu">
                                         <li><a href="https://2018.igem.org/Team:Peking/Team_Members" class="barfont1">Team Members</a></li>
+
                                         <li><a href="https://2018.igem.org/Team:Peking/Judging_Form" class="barfont1">Judging Form</a></li>
                                         <li><a href="https://2018.igem.org/Team:Peking/Attributions" class="barfont1">Attributions</a></li>
+
                                         <li><a href="https://2018.igem.org/Team:Peking/Parts" class="barfont1">Parts</a></li>
                                         <li><a href="https://2018.igem.org/Team:Peking/Safety" class="barfont1">Safety</a></li>
+
                                         <li><a href="https://2018.igem.org/Team:Peking/Improve" class="barfont1">Improvement</a></li>
                                         <li><a href="https://2018.igem.org/Team:Peking/Notebook" class="barfont1">Notebook</a></li>
+
                                         <li><a href="https://2018.igem.org/Team:Peking/InterLab" class="barfont1">InterLab</a></li>
 +
 
 
                                     </ul>
 
                                     </ul>
 
                                 </li>
 
                                 </li>
                                 <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Collaborations</a>
+
                                 <li class="dropdown menu-8"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</a>
 
                                     <ul class="dropdown-menu">
 
                                     <ul class="dropdown-menu">
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Team_Members">Team Members</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Attributions" class="barfont1">Attributions</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Notebook" class="barfont1">Notebook</a></li>
 
                                         <li><a href="https://2018.igem.org/Team:Peking/Collaborations" class="barfont1">Collaborations</a></li>
 
                                         <li><a href="https://2018.igem.org/Team:Peking/Collaborations" class="barfont1">Collaborations</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Safety" class="barfont1">Safety</a></li>
 
                                         <li><a href="https://2018.igem.org/Team:Peking/Acknowledgement" class="barfont1">Acknowledgement</a></li>
 
                                         <li><a href="https://2018.igem.org/Team:Peking/Acknowledgement" class="barfont1">Acknowledgement</a></li>
                                         <li><a href="https://2018.igem.org/Team:Peking/InterLab" class="barfont1">InterLab</a></li>
+
                                          
                                    </ul>
+
                                </li>
+
                                <li class="dropdown menu-8"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Parts</a>
+
                                    <ul class="dropdown-menu">
+
                                        <li><a href="https://2018.igem.org/Team:Peking/Parts">Parts</a></li>
+
                                        <li><a href="https://2018.igem.org/Team:Peking/Favorite_Parts" class="barfont1">Favorite Parts</a></li>
+
                                        <li><a href="https://2018.igem.org/Team:Peking/Part_Table" class="barfont1">Part Table</a></li>
+
                                        <li><a href="https://2018.igem.org/Team:Peking/Part_Collection" class="barfont1">Part Collection</a></li>
+
 
                                     </ul>
 
                                     </ul>
 
                                 </li>
 
                                 </li>
Line 138: Line 276:
 
         </div>
 
         </div>
 
         <!--/Navigation -->
 
         <!--/Navigation -->
 
 
          
 
          
 
+
       
 +
        <!-- Page Title======================================================================== -->
 +
        <div id="page-title">
 +
            <div class="row">
 +
                <div class="twelve columns centered text-center">
 +
                    <h1>Design</h1>
 +
                    <p class="title1" style="text-align:justify; text-justify:inter-ideograph;">
 +
                      <!--During humanity’s constant exploration of the world, the greatest pursuit is to remodel it to improve human life. While ‘phase separation’ in cells is under intense investigation, experiencing a research boom, the scientific community hopes that this phenomenon ‘worth millions of dollars’ can be artificially designed to enhance native functions and even acquire new ones. Our team, Peking iGEM 2018, went all out to overcome the challenge: artificially design Synthetic Phase separation-based Organelle Platform (SPOT).-->
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div><!-- Page Title End-->
 
          
 
          
 
          
 
          
         <div class="content-outer">
+
         <div id="page-content" class="row page">
             <div id="page-content" class="row page">
+
             <div id="primary" class="twelve columns">
 +
                <section>
 +
                    <div class="row">
 +
                       
 +
                       
 +
                       
 +
                            <div class="three columns">
 +
                            <div id="page-wrap">
 +
                                <div id="sidebar" style="color:#000000">
 +
                                    <h4><a href="https://2018.igem.org/Team:Peking/Project">&bull;Description</a></h4>
 +
                                    <h4><a href="https://2018.igem.org/Team:Peking/Design">&bull;Design</a></h4>
 +
                                    <h4><a href="https://2018.igem.org/Team:Peking/Demonstration">&bull;Demonstration</a></h4>
 +
                                    <h4><a href="https://2018.igem.org/Team:Peking/Perspective">&bull;Perspective</a></h4>
  
 +
                                 
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                       
 +
                       
 +
                       
 +
                       
 +
                        <div class="nine columns">
 +
                           
 +
                            <div class="texttitle">Overall design
 +
<a id="A"></a></div>
 +
                            <hr style="border:2px dashed; height:2px" color="#666666">
  
 +
                            <div class="coll">
 +
                               
 +
                                <div class="content">
 +
                                    <p>During humanity’s constant exploration of the world, the greatest pursuit is to remodel it to improve human life. While ‘phase separation’ in cells is under intense investigation, experiencing a research boom, the scientific community hopes that this phenomenon ‘worth millions of dollars’ can be artificially designed to enhance native functions and even acquire new ones. Our team, Peking iGEM 2018, went all out to overcome the challenge: artificially design <b>Synthetic Phase separation-based Organelle Platform (SPOT)</b>.<br/><br/>
 +
Then we put forward two questions: Why can phase separation in cells produce membrane-less organelles? And how can we design our system to implement its intended functions?<br/><br/>
 +
Like oil in water, the contents of cells can separate into droplets. According to physical principles, the process where materials self-assemble into organelles is described as ‘phase separation’, which is the conversion of a single-phase system into a multiphase system. In general, materials flow to regions with low chemical potential instead of low concentration. Finally, the components are no longer distributed uniformly but form granules locally, which can act as organelles in the cell. <br/><br/>
 +
Thus, the main work to synthesize an organelle is to implement phase separation in a cell. Then, how can we do it? Composition can switch rapidly through multivalence. Our design was inspired by recent studies showing that multivalence drives protein phase separation and formation of synthetic organelles. What’s more, we take our inspiration from existing living systems and previous work. For example, intrinsic disordered regions are an indicator of large-scale phase separation in the cell. They interact with each other through van der Waals forces, hydrophobic effects and electrostatic attraction. There are many interactions like this in nature, such as FKBP and Frb, SUMO and SIM, SH3 and PRM, phyB and PIF6. Thus, we can make good use of them to induce the self-assembly of our designed organelles and regulate them in various ways.<br/><br/>
 +
In conclusion, multivalence drives the self-assembly of proteins and interaction binds the parts together. Therefore, interaction can induce phase separation and multivalence can make larger assemblies, which are two essential elements in our design that ensure the formation of synthetic organelles.<br/><br/>
  
Design
+
</p>
By SSY
+
  
While people are constantly exploring the world, the greatest pursuit is to remould the world. While the ‘phase separation’ in cells is under investigation and in a research boom, the scientific community hopes the phenomenon ‘worth of millions of dollars’ to be artificially designed to enhance original functions and even acquire new functions. Our team, Peking iGEM 2018 go all out to overcome the challenge: fulfill phase separation in cells and synthesize membraneless organelles.
+
<div align="center"><img src="https://static.igem.org/mediawiki/2018/f/f1/T--Peking--project_design1.jpeg" width="300px" height="100 px" ></div>
 +
        <figcaption style="text-align:center;">
 +
                                  Figure. 1 Overall design
 +
                              </figcaption> 
 +
<br/><br/>
 +
</div>
 +
                            </div>
 +
                            <div class="coll">
 +
                               
 +
                             
 +
                            </div>
 +
<div class="coll">
 +
                               
 +
                                <div class="content">
 +
                                 
 +
                                </div>
 +
                            </div>
 +
<div class="coll">
 +
                               
 +
                             
 +
                            </div>
 +
                            <div class="texttitle">Multivalence
 +
<a id="A"></a></div>
 +
                            <hr style="border:2px dashed; height:2px" color="#666666">
  
一、 Overall design
+
                            <div class="coll">
Then we put forward two questions: Why phase separation in cells can produce membraneless organelles? And how can we design our system to fulfill its intended functions?
+
                                                                <div class="info">
Like oil in water, the contents of cells can separate into droplets. According to physical principles, the process where material self-assemble into organelles is described as ‘phase separation’, which is the conversion of a single-phase system into a multiphase system. In general, materials flow to regions with low chemical potential instead of low concentration. Finally, the components no longer distribute uniformly but form granules locally which are organelles in the cell.
+
<a id="B1"></a>
That is to say, the main work to synthesize an organelle is to fulfill phase separation in a cell. Then, how can we do it? Composition can switch rapidly through multivalency. And our design was inspired by recent works showing that multivalency drives protein phase separation and formation of synthetic organelles. What’s more, we take our inspiration from existing life systems and previous works. For example, Intrinsic Disordered Regions are the symbol of massive phase separation in the cell. They interact with each other through van der Waals force, hydrophobic effect and electrostatic attraction. And there are many interactions like this in nature, such as FKBP and FRB, SUMO and SIM, SH3 and PRM, phyB and PIF6. Thus, we can make good use of them to induce our designed organelles and regulate them variously.
+
                                 
In conclusion,multivalency drives protein’s self-assembly and interaction binds the parts together. It means, interaction can induce phase separation and multivalency can make larger assemblies, which are two essential elements in our design and ensure the formation of synthetic organelles.
+
                                </div>
+
                                <div class="content">
Figure 1 Overall design
+
                                    <p>To design multivalent modules, it is not ideal to use multiple repeat domains, which not only makes the protein extremely large but also brings difficulties to DNA recombination. Thus, instead of using multiple repeats, we turned to de novo-designed homo-oligomeric coiled coils, namely HOTags (homo-oligomeric tags), designed by Prof. Shu Xiaokun<sup>[1]</sup>. They are short peptides with approximately 30 amino acids, therefore are ideal to introduce multivalence. There are seven coiled coils previously characterized in protein de novo design studies, among which HOTag3 and HOTag6 are the most robust in driving protein droplet formation over a wide range of protein concentrations, so we utilize them to design our SPOT.
 +
</p>
 +
<div align="center"><img src="https://static.igem.org/mediawiki/2018/a/a1/T--Peking--project_design2.jpeg" width="300px" height="100 px" ></div>
 +
    <figcaption style="text-align:center;">
 +
                                  Figure. 2 Coiled-coil assemblies and helical bundles<sup>[2]</sup>.
 +
                              </figcaption> 
 +
<br/><br/>               
 +
  </div>
  
二、 Multivalency
+
                            </div>
To design multivalent modules, it is not ideal to use multiple repeat domains, which will not only make the protein extremely large and bring difficulty to molecular cloning, but also may be problematic for making transgenic animals. Thus, instead of using multiple repeats, we turned to de novo-designed homo-oligomeric coiled coils. And we named these coiled coils as HOTag (Homo-Oligomeric Tag). They are short peptides, ~30 amino acids, therefore they are ideal tags to introduce multivalency. There are seven coiled coils previously characterized in protein de novo design studies. It has been proved by previous work of Shu Xiaokun’s lab that HOTag3 and HOTag6 are most robust in driving protein droplet formation over a wide range of protein concentrations, so we chose them.
+
                            <div class="coll">
 +
                               
 +
                             
 +
                            </div>
 +
<div class="coll">
 +
                               
 +
                                <div class="content">
 +
                                 
 +
                                </div>
 +
                            </div>
 +
<div class="coll">
 +
                               
 +
                             
 +
                            </div>
 +
         
 +
                   
  
+
<div class="texttitle">Interaction
Figure 2  Coiled-coil assemblies and helical bundles.
+
  
三、 Interaction
+
<a id="B"></a></div>
To design interaction modules, we tried a lot of components and we fused them to the N-terminus of HOTag3 or HOTag6. Some of them are spontaneous and some are inducible. And we can regulate them through various kinds of inducers and different intensities of promoters. 
+
                            <hr style="border:2px dashed; height:2px" color="#1E90FF">
 +
                    <div class="coll">
  
(一) SUMO and SIM
+
                                <div class="content">
Post-translational modifications by the small ubiquitin-like modifier (SUMO) are crucial events in cellular response to radiation and a wide range of DNA-damaging agents. Previous studies have shown that SUMO mediates protein-protein interactions by binding to a SUMO-interacting motif (SIM) on receptor proteins. And recent studies have shown that a protein with ten repeats of human SUMO3 (polySUMO) and a protein with ten repeats of SIM (polySIM) can phase separate in vitro. Therefore, we chose SUMO3 and SIM as a pair of interaction modules and they can drive the formation of synthetic organelles spontaneously. For plasmid construction, in order to make synthetic organelles visible, we chose mCherry (red fluorescent protein) and yEGFP (yeast-enhanced green fluorescent protein) as reporters. Then, we fused mCherry between the C-terminus of SIM and the N-terminus of HOTag6. Similarly, we fused yEGFP between the C-terminus of SUMO and the N-terminus of HOTag3. We transformed them into yeast and proved that they can stably express. If it work, we will find red granules colocalize with green granules in cells under fluorescence microscope.  
+
                                    <p>To design interaction modules, we tested many components and fused them to the N-termini of HOTag3 or HOTag6. Some of them spontaneously self-assemble and some are inducible. Moreover, we can regulate them using various different inducers and promoters with different intensities. </p>
+
                                </div>
There is a pattern diagram composing SUMO and SIM.
+
               
Figure 3  Interaction of SUMO and SIM
+
  
(二) FKBP and Frb
+
                            <div class="coll">
The interaction between FKBP and FRB can be robustly induced by rapamycin. Rapamycin is a 31-membered macrolide antifungal antibiotic. It binds with high affinity (Kd=0.2nM) to the 12-kDa FK506 binding protein (FKBP), as well as to a 100-amino acid domain of the mammalian target of rapamycin (mTOR) known as FKBP-rapamycin binding domain (Frb). Thus, we chose them as a pair of interaction modules. And we assembled them on to yeast plasmid as the same as the construction of SUMO and SIM and transformed them into yeast. if we add rapamycin to the yeast, we will see red granules colocalize with green granules in cells under fluorescence microscope. Synthetic organelles come true!
+
                                <div class="info">
 +
<a id="B1"></a>
 +
                                    <div class="ordi">1.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <h3>SUMO and SIM</h3>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
  
   
+
                                <div class="content">
Figure 4  Interaction of FKBP and FRB induced by rapamycin
+
                                    <p>Post-translational modifications by the small ubiquitin-like modifier (SUMO) are crucial events in cellular response to radiation and a wide range of DNA-damaging agents. Previous studies have shown that SUMO mediates protein-protein interactions by binding to a SUMO-interacting motif (SIM) on receptor proteins. Furthermore, recent studies have shown that a protein with ten repeats of human SUMO3 (polySUMO) and a protein with ten repeats of SIM (polySIM) can phase separate in vitro<sup>[3]</sup>. Therefore, we chose SUMO3 and SIM as a pair of interaction modules that can drive the formation of synthetic organelles spontaneously. For plasmid construction, in order to make synthetic organelles visible, we chose mCherry (red fluorescent protein) and yEGFP (yeast-enhanced green fluorescent protein) as reporters. Then, we fused mCherry between the C-terminus of SIM and the N-terminus of HOTag6. Similarly, we fused yEGFP between the C-terminus of SUMO and the N-terminus of HOTag3. We used the resulting constructs to transform yeast and proved that they can be stably co-expressed. If the system works, we will find red granules co-localized with green granules in cells under a fluorescence microscope. </p>
 +
<div align="center"><img src="https://static.igem.org/mediawiki/2018/b/b0/T--Peking--project_design4.jpeg" ></div>
 +
                          <figcaption style="text-align:justify; text-justify:inter-ideograph;">
 +
                                    Figure. 3A Structure of SUMO3 and SIM. Modification of proteins by SUMO are recognized by SUMO-interacting motifs termed SIMs. In natural process, polySUMOylation recruits distinct interaction partners, such as E3 ubiquitin ligases, that bind to polySUMO chains through tandem SIMs. SIMs bind to a surface patch between the α-helix and a β-sheet of the SUMO protein and extend the β-sheet of SUMO by one additional strand. the SIM either attaches as a parallel or an antiparallel strand to the SUMO β-sheet. Binding is primarily mediated by a stretch of four residues containing 3–4 hydrophobic amino acids (I, V, or L). This core interaction motif is a common property of all SIMs<sup>[4]</sup>.
 +
Figure. 3B Pattern diagram of SUMO-yeGFP and SIM-mCherry. YeGFP is fused to the C-terminus of SUMO and to the N-terminus of HOTag3, mCherry is fused to the C-terminus of SIM and to the N-terminus of HOTag6.
  
 +
                              </figcaption>   
 +
</div></div>
 +
                            </div>
 +
                           
 +
                         
 +
                           
 +
               
  
(三) Optogenetic control
 
All the interaction modules described above are irreversible.
 
Now, this problem can be solved be the Arabidopsis red light-inducible phytochrome (PHYB-PIF) system, which comprises the phytochrome B (PHYB) protein and phytochrome interaction factor (PIF; PIF3 or PIF6). These two domains are induced to bind under far infrared light and the binding is reversed within seconds of exposure to infrared light but is otherwise stable for hours in the dark. What’s more, the phytochrome system has a 10-100  larger dynamic range than the cryptochrome and LOV-based systems, and the affinity of its light-gated interaction is tighter than others. Therefore, we chose PHYB and PIF6 as a pair of interaction modules. Then, we assembled them onto yeast plasmid in the same way as the construction of SUMO and SIM and transformed them into yeast. We suppose SPOT can form and disappear under the regulation of far infrared light.   
 
  
+
                            <div class="coll">
Figure 7 Interaction of PhyB and PIF
+
                                <div class="info">
 +
<a id="B2"></a>
 +
                                    <div class="ordi">2.</div>
  
(四) Two function sites
+
                                </div>
Now, we have designed artificial membraneless organelles. But how can we fulfill intended functions with them? Here, we propose two ideas. We reserve two sites for implement functions, where function modules like enzymes in metabolism, proteins in signaling pathway and transcription factors in transcription can be loaded.
+
                                <div class="content">
Direct integration into the skeleton
+
                                    <h3>FKBP and Frb</h3>
Just as we characterize synthetic organelles with fluorescent proteins, we can fuse function modules between the C-terminus of interaction modules and the N-terminus of HOTags. Then, the function modules can be fuse into S to fulfill intended functions.
+
                                </div>
+
                            </div>
Figure 8  Integrate function modules to the skeleton
+
                           
 +
                            <div class="coll">
  
Targeting GFP with nanobody
+
                                <div class="content">
We introduce a magic protein, anti-GFP nanobody, which is very small (only 13-kDa, 1.5nm 2.5nm) and a high-affinity (0.59nM) camelid antibody to GFP. So we can use its characteristic to improve our designs. We can fuse GFP between the C-terminus of interaction modules and the N-terminus of HOTags, and fuse function modules to the C-terminus of anti-GFP nanobodies. Then, with the help of interaction between anti-GFP nanobodies and GFP, SPOT can load function modules, expected functions can be realized. You may ask: How does anti-GFP nanobody improve the design? Firstly, it will not make the protein extremely large and will reduce the effect on the structure of function modules, which can ensure the quality of functions. Secondly, it can bring components not belonging to the original structure to synthetic organelles, which can extend the function of synthetic organelles. Thirdly, it is easy to regulate the expression of target proteins. So you can see, nanobodies may do better and give you a surprise!
+
                                    <p>The interaction between FKBP and Frb can be robustly induced by rapamycin. Rapamycin is a 31-membered macrolide antifungal antibiotic. It binds with high affinity (Kd=0.2 nM) to the 12-kDa FK506 binding protein (FKBP), as well as to a 100-amino acid domain of the mammalian target of rapamycin (mTOR), known as FKBP-rapamycin binding domain (Frb)<sup>[5]</sup>. Thus, we chose these two proteins as a pair of interaction modules and assembled them onto a yeast plasmid the same as in the construction of SUMO and SIM and introduced them into yeast. If we add rapamycin to the yeast, we will see red granules co-localized with green granules in cells under a fluorescence microscope. Synthetic organelles become real! </p>
+
<div align="center"><img src="https://static.igem.org/mediawiki/2018/6/6c/T--Peking--project_design3.jpeg" ></div>
Figure 9  Interaction of anti-GFP nanobody and GFP
+
                            <figcaption style="p style="text-align:justify; text-justify:inter-ideograph;">
 +
                                    Chemical-induced SPOT can be formed by using rapamycin to induce FKBP-Frb interacitons
 +
Figure. 4A The sturcture of FKBP and Frb. Rapamycin can induce the interaction between them.
 +
Figure. 4B Design of RapaSPOT. FKBP is fused with mCherry and HOTag3 while Frb is fused with yEGFP and HOTag6. After adding rapamycin, they are expected to self-organize to form large assemblys, which will be an organelle in cells.
  
四、 Conclusion
+
                              </figcaption>
We fulfilled phase separation in vivo and synthesized membraneless organelles. And the main work to synthesize an organelle is to fulfill phase separation in a cell, so we stress the importance of interactions and multivalency. For these two aspects, we gave our ideas and the feasibility was analyzed. At last, we proposed two ideas to implement functions. We believe that in the near future, “millions of dollars” will no longer be a dream!
+
  
References
+
</div>
1. Yin P, Fan H, Hao Q, et al. Structural insights into the mechanism of abscisic acid signaling by PYL proteins[J]. Nature Structural & Molecular Biology, 2009, 16(12):1230-1236.
+
                            </div>
2. Park S Y, Fung P, Nishimura N, et al. Abscisic acid inhibits type 2C protein phosphatases via the PYR/PYL family of START proteins[J]. Science, 2009, 324(5930):1068-1071.
+
  <div class="coll">
3. 冯婵莹, 王永飞. 植物脱落酸PYR/PYL/RCAR受体[J]. 生命的化学, 2015(6):721-726.
+
                                <div class="info">
4. Nambara E, Marion-Poll A. Abscisic acid biosynthesis and catabolism.[J]. Annual Review of Plant Biology, 2005, 56(56):165-185.
+
<a id="B2"></a>
5. Hirano K, Ueguchi-Tanaka M, Matsuoka M. GID1-mediated gibberellin signaling in plants[J]. Trends in Plant Science, 2008, 13(4):192-199.
+
                                    <div class="ordi">3.</div>
6. Nelis S, Conti L, Zhang C, et al. A functional Small Ubiquitin-like Modifier (SUMO) interacting motif (SIM) in the gibberellin hormone receptor GID1 is conserved in cereal crops and disrupting this motif does not abolish hormone dependency of the DELLA-GID1 interaction[J]. Plant Signaling & Behavior, 2015, 10(2):e987528.
+
7. Ueguchi-Tanaka M, Nakajima M, Motoyuki A, et al. Gibberellin receptor and its role in gibberellin signaling in plants.[J]. Annual Review of Plant Biology, 2007, 58(1):183-198.
+
8. Ries J, Kaplan C, Platonova E, et al. A simple, versatile method for GFP-based super-resolution microscopy via nanobodies.[J]. Nature Methods, 2012, 9(6):582-584.
+
9. Caussinus E, Kanca O, Affolter M. Fluorescent fusion protein knockout mediated by anti-GFP nanobody[J]. Nature Structural & Molecular Biology, 2011, 19(1):117-121.
+
10. Zhang K, Cui B. Optogenetic control of intracellular signaling pathways[J]. Trends in Biotechnology, 2015, 33(2):92-100.
+
11. Buckley C, Moore R, Reade A, et al. Reversible Optogenetic Control of Subcellular Protein Localization in a Live Vertebrate Embryo[J]. Developmental Cell, 2016, 36(1):117.
+
12. Banaszynski L A, And C W L, Wandless T J. Characterization of the FKBP·Rapamycin·FRB Ternary Complex  [J. Am. Chem. Soc. 2005, 127, 4715−4721].[J]. Journal of the American Chemical Society, 2006, 128(49).
+
13. Woolfson D N, Bartlett G J, Burton A J, et al. De novo protein design: how do we expand into the universe of possible protein structures?[J]. Current Opinion in Structural Biology, 2015, 33:16-26.
+
14. Banani S F, Rice A M, Peeples W B, et al. Compositional Control of Phase-Separated Cellular Bodies[J]. Cell, 2016, 166(3):651-663.
+
15. Zhang Q, Huang H, Lu Q, et al. Visualizing Dynamics of Cell Signaling InVivo, with a Phase Separation-Based Kinase Reporter[J]. Molecular Cell, 2018, 69(2):347.
+
  
 +
                                </div>
 +
                                <div class="content">
 +
                                    <h3>Phytohormone</h3>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
  
 +
                                <div class="content">
 +
                                   
 +
  </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
  
 +
                                <div class="content">
 +
                                    <p>As mentioned above, interactions can be formed not only by inducers such as rapamycin, but also spontaneously, just as SUMO and SIM. So can we combine these two ways of interactions? To solve this problem, we did further studies about phytohormone and found ABA. Abscisic acid (ABA) is an important phytohormone that regulates plant stress responses. Proteins from the PYR-PYL-PCAR family were identified as ABA receptors[6]. Upon binding to ABA, a PYL protein associates with type 2C protein phosphatases (PP2Cs) such as ABI1 and ABI2, inhibiting their activity<sup>[7]</sup>. Previous structural and biochemical observations have provided insight into PYL-mediated ABA signaling and given rise to a working model. In the absence of ABA signaling, PP2Cs are fully active and PYLs exist as inactive homodimers in cells, unable to bind or inhibit PP2Cs, mainly due to the incompatible conformation of CL2loop<sup>[7]</sup>. In response to ABA binding, the CL2 loop undergoes a conformational rearrangement to close onto the ABA-bound pocket, then, the interaction between PYLs and PP2Cs can be formed. Here we chose PYL1 and ABI1 as a pair of interaction modules. Then, we assembled them onto yeast plasmid as the same as the construction of FKBP and Frb and transformed them into yeast. Based on the interaction of PYL1 and ABI1, we can get a wonderful scene: In the absence of ABA, the synthetic organelles composed only of PYL1 appear, because of the homodimers of PYL1. And after we add ABA into yeast, ABI1 can enter the organelles with the interaction of ABI1 and PYL1, and we can see red droplets colocalize with green droplets in cells through fluorescence microscope. In this way, new components can enter the original organelles and the time of occurrence can be regulated as it is inducer-mediated regulation. So it give our designs and functions more possibilities. 
 +
</p>
 +
<div align="center"><img src="https://static.igem.org/mediawiki/2018/3/35/T--Peking--project_design6.jpeg" width="700px" height="410 px" ></div>
 +
                              <figcaption style="text-align:center;">
 +
                                  Figure. 5 Interaction of PYL and PP2C<sup>[7]</sup>
 +
                              </figcaption> </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
<a id="B2"></a>
 +
                                   
  
 
+
                                </div>
 +
                                                          </div>
 +
                           
 +
                            <div class="coll">
  
 +
                                <div class="content">
 +
                                                   
 +
</div>
 +
                            </div>
 +
<div class="texttitle">Two function sites
  
 +
<a id="B"></a></div>
 +
                            <hr style="border:2px dashed; height:2px" color="#1E90FF">
 +
                    <div class="coll">
  
 +
                                <div class="content">
 +
                                    <p>Now, we have artificially designed phase separation in cells and synthesized membraneless organelles. But how can we fulfill intended functions with synthetic organelles? Here, we propose two ideas. We reserve two sites to implement functions, which means function modules, such as enzymes in metabolism, proteins in signaling pathway, transcription factors in transcription and so on, have two sites in our designs.</p>
 +
                                </div>
 +
               
  
            </div> <!-- page-content End-->
+
                            <div class="coll">
        </div> <!-- Content End-->
+
                                <div class="info">
       
+
<a id="B1"></a>
       
+
                                    <div class="ordi">1.</div>
       
+
                                </div>
          
+
                                <div class="content">
          
+
                                    <h3> Direct integration into the skeleton</h3>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
 
 +
                                <div class="content">
 +
                                    <p>Just as we characterized synthetic organelles with fluorescent proteins, we can fuse function modules between the C-termini of the interaction modules and the N-termini of HOTags. Then, the function modules can be fused into S to implement intended functions.</p>
 +
<div align="center"><img src="https://static.igem.org/mediawiki/2018/4/43/T--Peking--project_design8.jpeg" width="300px" height="100 px" ><div>
 +
                                <figcaption style="text-align:center;">
 +
                                  Figure. 6 Integrate function modules to the skeleton
 +
                              </figcaption>  </div></div>
 +
                            </div>
 +
                            <div class="coll">
 +
                                <div class="info">
 +
<a id="B2"></a>
 +
                                    <div class="ordi">2.</div>
 +
 
 +
                                </div>
 +
                                <div class="content">
 +
                                    <h3> Targeting GFP with nanobody</h3>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
 
 +
                                <div class="content">
 +
                                    <p>We introduced a specific protein, an anti-GFP nanobody, which is very small (only 13 kDa, 1.5nm-2.5nm) and has a high affinity (0.59 nM). It is a camelid antibody against GFP<sup>[8]</sup>. We can fuse GFP between the C-termini of the interaction modules and the N-termini of HOTags, and fuse function modules to the C-terminus of the anti-GFP nanobody. Then, with the help of the interaction between the anti-GFP nanobody and GFP, SPOT can load function modules, and targeted functions can be realized. You may ask: How does an anti-GFP nanobody improve the design? Firstly, it will not make the protein very large and will reduce its effect on the structure of the function modules, which can ensure the quality of the designed functions. Secondly, it can bring components not belonging to the original structure to synthetic organelles, which can extend their function. Thirdly, it is easy to regulate the expression of target proteins. Thus, nanobodies may have a surprise in store!</p>
 +
<div align="center"><img src="https://static.igem.org/mediawiki/2018/e/e5/T--Peking--project_design9.jpeg" width="400px" height="175 px" ></div>
 +
<figcaption style="text-align:center;">
 +
                                  Figure. 7 Interaction of anti-GFP nanobody and GFP
 +
                              </figcaption>
 +
                                </div>
 +
                            </div>
 +
  <div class="coll">
 +
                         
 +
                           
 +
               
 +
 
 +
                                                       
 +
                         
 +
 
 +
                       
 +
                           
 +
 
 +
                            <div class="texttitle">Conclusion
 +
<a id="C"></a></div>
 +
                            <hr style="border:2px dashed; height:2px" color="#666666">
 +
                            <div class="coll">
 +
                                <div class="content">
 +
                                    <p>We implemented phase separation in vivo and synthesized artificial membrane-less organelles. The main challenge in synthesizing an organelle is to implement phase separation in a cell, so we stress the importance of interactions and multivalence. For these two aspects, we offered our ideas and their feasibility was analyzed. Finally, we proposed two approaches to implement that target functions. We believe that in the near future, making “millions of dollars” by harnessing phase separation in cells will no longer be a dream!</p>
 +
                                </div>
 +
                            </div>
 +
                                                       
 +
                         
 +
                           
 +
 
 +
                            <div class="texttitle">References
 +
<a id="D"></a></div>
 +
                            <hr style="border:2px dashed; height:2px" color="#666666">
 +
                            <div class="coll">
 +
                                <div class="content">
 +
                                    <p>
 +
[1] Zhang, Q., Huang, H., Zhang, L., Wu, R., Chung, C. I., Zhang, S. Q., ... & Shu, X. (2018). Visualizing Dynamics of Cell Signaling In Vivo with a Phase Separation-Based Kinase Reporter. Molecular cell, 69(2), 334-346.<br/>
 +
[2] Woolfson, D. N., Bartlett, G. J., Burton, A. J., Heal, J. W., Niitsu, A., Thomson, A. R., & Wood, C. W. (2015). De novo protein design: how do we expand into the universe of possible protein structures?. Current opinion in structural biology, 33, 16-26.<br/>
 +
[3] Banani, S. F., Rice, A. M., Peeples, W. B., Lin, Y., Jain, S., Parker, R., & Rosen, M. K. (2016). Compositional control of phase-separated cellular bodies. Cell, 166(3), 651-663.<br/>
 +
[4] Husnjak, K., Keiten-Schmitz, J., & Müller, S. (2016). Identification and characterization of SUMO-SIM interactions. In SUMO (pp. 79-98). Humana Press, New York, NY.<br/>
 +
[5] Banaszynski, L. A., Liu, C. W., & Wandless, T. J. (2005). Characterization of the FKBP Rapamycin FrB Ternary Complex. Journal of the American Chemical Society, 127(13), 4715-4721.<br/>
 +
[6] Park, S. Y., Fung, P., Nishimura, N., Jensen, D. R., Fujii, H., Zhao, Y., ... & Alfred, S. E. (2009). Abscisic acid inhibits type 2C protein phosphatases via the PYR/PYL family of START proteins. science, 324(5930), 1068-1071.<br/>
 +
[7] Yin, P., Fan, H., Hao, Q., Yuan, X., Wu, D., Pang, Y., ... & Yan, N. (2009). Structural insights into the mechanism of abscisic acid signaling by PYL proteins. Nature structural & molecular biology, 16(12), 1230.<br/>
 +
[8] Ries, J., Kaplan, C., Platonova, E., Eghlidi, H., & Ewers, H. (2012). A simple, versatile method for GFP-based super-resolution microscopy via nanobodies. Nature methods, 9(6), 582.<br/>
 +
 
 +
 
 +
</p>
 +
                                </div>
 +
                            </div>                           
 +
                           
 +
                        </div><!--9 columns end-->
 +
                       
 +
                    </div>
 +
                   
 +
                   
 +
                   
 +
                   
 +
                    </div><!--row end-->
 +
            </section>
 +
         </div><!--12 columes end-->
 +
         </div><!--page-content end-->
 
          
 
          
 
          
 
          
Line 245: Line 609:
 
          
 
          
 
          
 
          
        <!-- footer============================================================================== -->
+
                                <!-- footer============================================================================== -->
 
         <style>
 
         <style>
 
             footer .copyright span:before {
 
             footer .copyright span:before {
Line 261: Line 625:
 
         </style>
 
         </style>
 
         <footer id="page-footer">
 
         <footer id="page-footer">
 +
<footer id="page-footer">
 +
                <div class="row,row1">
 +
                    <ul class="footer-social">
 +
                        <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
 +
                            <a href="http://dean.pku.edu.cn/pkudean/index.html"><img src="https://static.igem.org/mediawiki/2018/7/7a/T--Peking--images_PKU_Administration_logo.png"></a>
 +
                        </li>
 +
                        <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
 +
                            <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2018/0/04/T--Peking--images_PKU_SLS_logo.png"></a>
 +
                        </li>
 +
                     
 +
                        <li class="col-md-6" id="PKU-CQB" style="margin-bottom:25px;max-width:300px">
 +
                            <a href="http://cqb.pku.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2018/e/e1/T--Peking--images_PKU_CQB_logo.png"></a>
 +
                        </li>
 +
 +
                    </ul>
 +
                </div>
 
             <div class="row">
 
             <div class="row">
 
                 <div class="twelve columns" >
 
                 <div class="twelve columns" >
 
                     <ul class="copyright">
 
                     <ul class="copyright">
 
                         <!--<li>&copy; 2014 Sparrow</li> -->
 
                         <!--<li>&copy; 2014 Sparrow</li> -->
                         <li><a href="2018.igem.org/Team:Peking">Home</a>&nbsp;&nbsp;&nbsp;<a href="mailto:pkuigem2016@126.com">Contact</a></li>
+
                         <li><a href="https://2018.igem.org/Team:Peking">Home</a>&nbsp;&nbsp;&nbsp;<a href="mailto:pekingigem2018@126.com">Contact</a></li>
 
                         <span> &copy;2018 PEKING IGEM. All Rights Reserved.</span>
 
                         <span> &copy;2018 PEKING IGEM. All Rights Reserved.</span>
 
                         <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li>
 
                         <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li>
Line 272: Line 652:
 
                 <div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div>
 
                 <div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div>
 
             </div>
 
             </div>
        </footer> <!-- Footer End-->
+
 
       
+
 
       
+
<!-- Footer End-->
        <!-- Java Script======================================================================= -->
+
                       
        <script>window.jQuery || document.write('<script src="https://2016.igem.org/Template:Peking/Javascript/jquery_1_10_2_min?action=raw&ctype=text/javascript"><\/script>')</script>
+
                       
        <script type="text/javascript" src="https://2016.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script>
+
            <!-- Java Script======================================================================= -->
       
+
            <script>window.jQuery || document.write('<script src="https://2018.igem.org/Template:Peking/Javascript/jquery_1_10_2_min?action=raw&ctype=text/javascript"><\/script>')</script>
        <script src="https://2016.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script>
+
            <script type="text/javascript" src="https://2018.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script>
        <script src="https://2016.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script>
+
           
        <script src="https://2016.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script>
+
            <script src="https://2018.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script>
       
+
            <script src="https://2018.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script>
       
+
            <script src="https://2018.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script>
        <!--quotations from black: start-->
+
           
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery?action=raw&ctype=text/javascript"></script>
+
            <!--quotations from flexslider: start-->
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script>
+
            <script src='https://2018.igem.org/Template:Peking/Javascript/modernizr_js?action=raw&ctype=text/javascript'></script>
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_easing_1_3_pack?action=raw&ctype=text/javascript"></script>
+
                <script type='text/javascript' src='https://2018.igem.org/Template:Peking/Javascript/fjquery_polaroid?action=raw&ctype=text/javascript'></script>
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script>
+
                <script type='text/javascript' src='https://2018.igem.org/Template:Peking/Javascript/fjquery_easing?action=raw&ctype=text/javascript'></script>
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script>
+
                <script type='text/javascript' src='https://2018.igem.org/Template:Peking/Javascript/fjquery_transform_0_8_0_min?action=raw&ctype=text/javascript'></script>
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script>
+
                <script type='text/javascript' src='https://2018.igem.org/Template:Peking/Javascript/fjquery_preloader?action=raw&ctype=text/javascript'></script>
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script>
+
                <!--quotations from flexslider: end-->
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script>
+
               
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/isotope?action=raw&ctype=text/javascript"></script>
+
                <!--quotations from black: start-->
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_bxslider_min?action=raw&ctype=text/javascript"></script>
+
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery?action=raw&ctype=text/javascript"></script>
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_cycle_all?action=raw&ctype=text/javascript" ></script>
+
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script>
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_maximage?action=raw&ctype=text/javascript"></script>
+
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_easing_1_3_pack?action=raw&ctype=text/javascript"></script>
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script>
+
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script>
        <!--quotations from black: end-->
+
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script>
       
+
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script>
       
+
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script>
    </body>
+
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/isotope?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_bxslider_min?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_cycle_all?action=raw&ctype=text/javascript" ></script>
 +
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_maximage?action=raw&ctype=text/javascript"></script>
 +
                <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script>
 +
                <!--quotations from black: end-->
 +
                           
 +
                           
 +
                            </body>
 
</html>
 
</html>

Latest revision as of 00:16, 18 October 2018

Design

Overall design

During humanity’s constant exploration of the world, the greatest pursuit is to remodel it to improve human life. While ‘phase separation’ in cells is under intense investigation, experiencing a research boom, the scientific community hopes that this phenomenon ‘worth millions of dollars’ can be artificially designed to enhance native functions and even acquire new ones. Our team, Peking iGEM 2018, went all out to overcome the challenge: artificially design Synthetic Phase separation-based Organelle Platform (SPOT).

Then we put forward two questions: Why can phase separation in cells produce membrane-less organelles? And how can we design our system to implement its intended functions?

Like oil in water, the contents of cells can separate into droplets. According to physical principles, the process where materials self-assemble into organelles is described as ‘phase separation’, which is the conversion of a single-phase system into a multiphase system. In general, materials flow to regions with low chemical potential instead of low concentration. Finally, the components are no longer distributed uniformly but form granules locally, which can act as organelles in the cell.

Thus, the main work to synthesize an organelle is to implement phase separation in a cell. Then, how can we do it? Composition can switch rapidly through multivalence. Our design was inspired by recent studies showing that multivalence drives protein phase separation and formation of synthetic organelles. What’s more, we take our inspiration from existing living systems and previous work. For example, intrinsic disordered regions are an indicator of large-scale phase separation in the cell. They interact with each other through van der Waals forces, hydrophobic effects and electrostatic attraction. There are many interactions like this in nature, such as FKBP and Frb, SUMO and SIM, SH3 and PRM, phyB and PIF6. Thus, we can make good use of them to induce the self-assembly of our designed organelles and regulate them in various ways.

In conclusion, multivalence drives the self-assembly of proteins and interaction binds the parts together. Therefore, interaction can induce phase separation and multivalence can make larger assemblies, which are two essential elements in our design that ensure the formation of synthetic organelles.

Figure. 1 Overall design


Multivalence

To design multivalent modules, it is not ideal to use multiple repeat domains, which not only makes the protein extremely large but also brings difficulties to DNA recombination. Thus, instead of using multiple repeats, we turned to de novo-designed homo-oligomeric coiled coils, namely HOTags (homo-oligomeric tags), designed by Prof. Shu Xiaokun[1]. They are short peptides with approximately 30 amino acids, therefore are ideal to introduce multivalence. There are seven coiled coils previously characterized in protein de novo design studies, among which HOTag3 and HOTag6 are the most robust in driving protein droplet formation over a wide range of protein concentrations, so we utilize them to design our SPOT.

Figure. 2 Coiled-coil assemblies and helical bundles[2].


Interaction

To design interaction modules, we tested many components and fused them to the N-termini of HOTag3 or HOTag6. Some of them spontaneously self-assemble and some are inducible. Moreover, we can regulate them using various different inducers and promoters with different intensities.

1.

SUMO and SIM

Post-translational modifications by the small ubiquitin-like modifier (SUMO) are crucial events in cellular response to radiation and a wide range of DNA-damaging agents. Previous studies have shown that SUMO mediates protein-protein interactions by binding to a SUMO-interacting motif (SIM) on receptor proteins. Furthermore, recent studies have shown that a protein with ten repeats of human SUMO3 (polySUMO) and a protein with ten repeats of SIM (polySIM) can phase separate in vitro[3]. Therefore, we chose SUMO3 and SIM as a pair of interaction modules that can drive the formation of synthetic organelles spontaneously. For plasmid construction, in order to make synthetic organelles visible, we chose mCherry (red fluorescent protein) and yEGFP (yeast-enhanced green fluorescent protein) as reporters. Then, we fused mCherry between the C-terminus of SIM and the N-terminus of HOTag6. Similarly, we fused yEGFP between the C-terminus of SUMO and the N-terminus of HOTag3. We used the resulting constructs to transform yeast and proved that they can be stably co-expressed. If the system works, we will find red granules co-localized with green granules in cells under a fluorescence microscope.

Figure. 3A Structure of SUMO3 and SIM. Modification of proteins by SUMO are recognized by SUMO-interacting motifs termed SIMs. In natural process, polySUMOylation recruits distinct interaction partners, such as E3 ubiquitin ligases, that bind to polySUMO chains through tandem SIMs. SIMs bind to a surface patch between the α-helix and a β-sheet of the SUMO protein and extend the β-sheet of SUMO by one additional strand. the SIM either attaches as a parallel or an antiparallel strand to the SUMO β-sheet. Binding is primarily mediated by a stretch of four residues containing 3–4 hydrophobic amino acids (I, V, or L). This core interaction motif is a common property of all SIMs[4]. Figure. 3B Pattern diagram of SUMO-yeGFP and SIM-mCherry. YeGFP is fused to the C-terminus of SUMO and to the N-terminus of HOTag3, mCherry is fused to the C-terminus of SIM and to the N-terminus of HOTag6.
2.

FKBP and Frb

The interaction between FKBP and Frb can be robustly induced by rapamycin. Rapamycin is a 31-membered macrolide antifungal antibiotic. It binds with high affinity (Kd=0.2 nM) to the 12-kDa FK506 binding protein (FKBP), as well as to a 100-amino acid domain of the mammalian target of rapamycin (mTOR), known as FKBP-rapamycin binding domain (Frb)[5]. Thus, we chose these two proteins as a pair of interaction modules and assembled them onto a yeast plasmid the same as in the construction of SUMO and SIM and introduced them into yeast. If we add rapamycin to the yeast, we will see red granules co-localized with green granules in cells under a fluorescence microscope. Synthetic organelles become real!

Chemical-induced SPOT can be formed by using rapamycin to induce FKBP-Frb interacitons Figure. 4A The sturcture of FKBP and Frb. Rapamycin can induce the interaction between them. Figure. 4B Design of RapaSPOT. FKBP is fused with mCherry and HOTag3 while Frb is fused with yEGFP and HOTag6. After adding rapamycin, they are expected to self-organize to form large assemblys, which will be an organelle in cells.
3.

Phytohormone

As mentioned above, interactions can be formed not only by inducers such as rapamycin, but also spontaneously, just as SUMO and SIM. So can we combine these two ways of interactions? To solve this problem, we did further studies about phytohormone and found ABA. Abscisic acid (ABA) is an important phytohormone that regulates plant stress responses. Proteins from the PYR-PYL-PCAR family were identified as ABA receptors[6]. Upon binding to ABA, a PYL protein associates with type 2C protein phosphatases (PP2Cs) such as ABI1 and ABI2, inhibiting their activity[7]. Previous structural and biochemical observations have provided insight into PYL-mediated ABA signaling and given rise to a working model. In the absence of ABA signaling, PP2Cs are fully active and PYLs exist as inactive homodimers in cells, unable to bind or inhibit PP2Cs, mainly due to the incompatible conformation of CL2loop[7]. In response to ABA binding, the CL2 loop undergoes a conformational rearrangement to close onto the ABA-bound pocket, then, the interaction between PYLs and PP2Cs can be formed. Here we chose PYL1 and ABI1 as a pair of interaction modules. Then, we assembled them onto yeast plasmid as the same as the construction of FKBP and Frb and transformed them into yeast. Based on the interaction of PYL1 and ABI1, we can get a wonderful scene: In the absence of ABA, the synthetic organelles composed only of PYL1 appear, because of the homodimers of PYL1. And after we add ABA into yeast, ABI1 can enter the organelles with the interaction of ABI1 and PYL1, and we can see red droplets colocalize with green droplets in cells through fluorescence microscope. In this way, new components can enter the original organelles and the time of occurrence can be regulated as it is inducer-mediated regulation. So it give our designs and functions more possibilities.

Figure. 5 Interaction of PYL and PP2C[7]
Two function sites

Now, we have artificially designed phase separation in cells and synthesized membraneless organelles. But how can we fulfill intended functions with synthetic organelles? Here, we propose two ideas. We reserve two sites to implement functions, which means function modules, such as enzymes in metabolism, proteins in signaling pathway, transcription factors in transcription and so on, have two sites in our designs.

1.

Direct integration into the skeleton

Just as we characterized synthetic organelles with fluorescent proteins, we can fuse function modules between the C-termini of the interaction modules and the N-termini of HOTags. Then, the function modules can be fused into S to implement intended functions.

Figure. 6 Integrate function modules to the skeleton
2.

Targeting GFP with nanobody

We introduced a specific protein, an anti-GFP nanobody, which is very small (only 13 kDa, 1.5nm-2.5nm) and has a high affinity (0.59 nM). It is a camelid antibody against GFP[8]. We can fuse GFP between the C-termini of the interaction modules and the N-termini of HOTags, and fuse function modules to the C-terminus of the anti-GFP nanobody. Then, with the help of the interaction between the anti-GFP nanobody and GFP, SPOT can load function modules, and targeted functions can be realized. You may ask: How does an anti-GFP nanobody improve the design? Firstly, it will not make the protein very large and will reduce its effect on the structure of the function modules, which can ensure the quality of the designed functions. Secondly, it can bring components not belonging to the original structure to synthetic organelles, which can extend their function. Thirdly, it is easy to regulate the expression of target proteins. Thus, nanobodies may have a surprise in store!

Figure. 7 Interaction of anti-GFP nanobody and GFP
Conclusion

We implemented phase separation in vivo and synthesized artificial membrane-less organelles. The main challenge in synthesizing an organelle is to implement phase separation in a cell, so we stress the importance of interactions and multivalence. For these two aspects, we offered our ideas and their feasibility was analyzed. Finally, we proposed two approaches to implement that target functions. We believe that in the near future, making “millions of dollars” by harnessing phase separation in cells will no longer be a dream!

References

[1] Zhang, Q., Huang, H., Zhang, L., Wu, R., Chung, C. I., Zhang, S. Q., ... & Shu, X. (2018). Visualizing Dynamics of Cell Signaling In Vivo with a Phase Separation-Based Kinase Reporter. Molecular cell, 69(2), 334-346.
[2] Woolfson, D. N., Bartlett, G. J., Burton, A. J., Heal, J. W., Niitsu, A., Thomson, A. R., & Wood, C. W. (2015). De novo protein design: how do we expand into the universe of possible protein structures?. Current opinion in structural biology, 33, 16-26.
[3] Banani, S. F., Rice, A. M., Peeples, W. B., Lin, Y., Jain, S., Parker, R., & Rosen, M. K. (2016). Compositional control of phase-separated cellular bodies. Cell, 166(3), 651-663.
[4] Husnjak, K., Keiten-Schmitz, J., & Müller, S. (2016). Identification and characterization of SUMO-SIM interactions. In SUMO (pp. 79-98). Humana Press, New York, NY.
[5] Banaszynski, L. A., Liu, C. W., & Wandless, T. J. (2005). Characterization of the FKBP Rapamycin FrB Ternary Complex. Journal of the American Chemical Society, 127(13), 4715-4721.
[6] Park, S. Y., Fung, P., Nishimura, N., Jensen, D. R., Fujii, H., Zhao, Y., ... & Alfred, S. E. (2009). Abscisic acid inhibits type 2C protein phosphatases via the PYR/PYL family of START proteins. science, 324(5930), 1068-1071.
[7] Yin, P., Fan, H., Hao, Q., Yuan, X., Wu, D., Pang, Y., ... & Yan, N. (2009). Structural insights into the mechanism of abscisic acid signaling by PYL proteins. Nature structural & molecular biology, 16(12), 1230.
[8] Ries, J., Kaplan, C., Platonova, E., Eghlidi, H., & Ewers, H. (2012). A simple, versatile method for GFP-based super-resolution microscopy via nanobodies. Nature methods, 9(6), 582.