diff --git a/src/mol-plugin/skin/base/logo.scss b/src/mol-plugin/skin/base/logo.scss
index 4f9fbb6068664acf95ec651630aa7b38a8199110..93bcb44a15aa1ae9308d50b75877ea17e5a5b483 100644
--- a/src/mol-plugin/skin/base/logo.scss
+++ b/src/mol-plugin/skin/base/logo.scss
@@ -5,23 +5,23 @@
     left: 0;
     bottom: 0;
     right: 0;
-    
+
     display: table;
     width: 100%;
     height: 100%;
-    
+
     > div {
         display: table-cell;
-        vertical-align: middle;        
+        vertical-align: middle;
         text-align: center;
-        
+
         > div {
             display: inline-block;
             position: relative;
             width: 50%;
-            max-width: 450px;
+            max-width: 280px;
             height: 130px;
-            
+
             > div {
                 position: absolute;
                 top: 0;
@@ -29,7 +29,7 @@
                 bottom: 0;
                 right: 0;
             }
-            
+
             > div:first-child {
                 //border-radius: 8px;
                 background: $logo-background;
@@ -46,5 +46,5 @@ margin: 20px;
 background-repeat: no-repeat;
 background-position: center;
 background-size: contain;
-background-image: url(data:image/png;base64,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);
+background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAABfCAMAAADhwbqbAAADAFBMVEVMaXGyopb822v42XOdxcuPcmVXoa3ZwoPOw7nu8OuAX0+x0t73+PaIvdA1kLJOnruDuMnA1dY0kLHx9PLL1cVjqsKkhGmlzdvaqzG2n4zYqTLUpTO72eNDmLc7lLRysckzj6wehagag6Z1oIhEmLfKvJRSoLyvlETw4K/29PBUob7OoTvCpnmkr28mia1Uob65jD/WyoGLv9Iri69qrcas0d9pm48qi67Owl40kLKarHfZyaKdgG1enJx1n4cehKp3s8vFu1l9ooSMvMj55qOxt519VTzHuFQihqsxjq/00kRCl7bd6OnnuSjf0JkujK/x0lLkwGiieEndyYbcy4J+r7LAonobg6mvhk+vysMgh6HSrl1/VzuriGTbzINhp8CEsrM5krGir3a/ml6dd1CguqOUw9W92eK8mGTEwJ/GxZXEqILNxG+Cporz1WuZxth0TTc+lraewb+nhF+UtqXJn063mHXCm1fNwWLMq3VNnbvdrS86k7MxjrGth1iDqJCGqZPOv1XDrZEag6epj3/XtWZEmbg9lLQdh6Hg05q8umqeelnUwEmSrIbYxGuctZaRwtRRn709lLVhqMMsi62xj2jTx3WFraCHrqDYrESrtn5rn5mks5M1kLLquiOUbkzUsVukxcPSqEmDrKFxr8O6kExxp6fHwHe5uG3cwj/syjmss3LJp2+juZvs0WuftZIdiKDmyVHozExIm7mWcVDGwnnNwoiYq3i6uW6Trondx1F0p6ansG3tvSCjsHVuo6HszXh9qJu1x67qzU301XC5k1xWor73xxc1j52ruIrBxY/jyETqzlLq02iSrYjr0WBZn62Mt7jzzjSQsqH43HcZgqgXgacdhKk5kJ1tRjNCk575yhX3yRvWpzSIXz6OZ0YzkLEliKx7oYUih6tRk5PxyB6whEGne0G7tmDIvFKPqHyEpILtxy2/k0LGmTxcmJSec0Cws2qSaT+YbUDkxTaMYz7hsjIeiZ8ahqKAWT95Uz3quiN0TTctjJ0ahKZDk55kckTuAAAA1XRSTlMASZ+SndyUARUE/RUHS/3aBwLfDAsYaW4hw+exSv3CzBQMzvyTEVsKJBLj/2P+5XD+Qp78kkn+9Pr1/S9V9UP0cP6FLTUcEoj7qPadJBMcLOxT/U93NTqd8CR3t8/EJEvqcGXH63x5MqY8Xi3Y9Vxm1vcTmUnyk+PmjI3TVOjj2rP8UdrWevJGUkL2xf7xsK6Xyc7SxIKGmV333Ookh8341jfYcHv08KLm/up9pmo02Njkxd/Wu2nQysb3u83YrtbWx0+p1to53dyRtvyXv9uDr5bKy5mYUHe0AAAMDklEQVR4Ae3cBXgU59bA8VOdnY8FMuzWvfm2xHC/gZa9FHcSuFiCRtGGNLjWo1Xc3d3d3WGyNWzjN1pIrts76b47O7N78g6SZwJP/o+0wEx4fpzonJmF+6+yyiqrrLKqg/oqG9QHnuie/e+P//73X0l/I/3nP2JqtarwRFUJ/vnH9l86m1SjfMHGp5qrsoCGQrvLjZT68KHAz4OzKtXLF2x47h9Sf5e6efPWrVuLAoCdMXnOX0orzpPK+PXXpx8f8E+kf5EktoRO6ALMgubcuCF5/ymVkfHrL788TuB/PPep3KKbt14EVuZ+N25sOVzacalujxf4/2aYfJ39UHIzobWGAc8Jkk8yXf9VH/DJP6kapQ38FMjN3y6NmD3gZCPIPaMT+L07oqK0+vcPhh9ulWxnjLg7GfBXUDHAtg+c2R4M3Oe5EsaIDfKA9Qd/d7Irrb3tgcDci2TE86GMgufcWBoIuoFjWlblZPBbJqD9vwzmq75n1AoGS0LJ3Tge0HwW+9/4DHQDmxo28GvEAPOjPm+2nNcKhuaLSoZGAVqwv//SUD3A1Jtqo2IELIz6XEylYgaYjngMOuIui/39PwM9wNQrikSMgKlXpGIGmI747tBegPSZv//iUF3AdL7bmkliFMxL3snbbLKYCbaE3EVH3GWpNGA9wNT7TauWzVKJ2COYegc08iPilrw2MMzAR/xZgf9iH33A1As8FbuDqReAijWBTSF3740RwEOBSwv8g0EfsNnhBSr2BKZeRIyAodfQu0OfAveMqwoK+hl0ActeWewOpl5EjIKFMffuhbjD4KuPCwq6gy5gE/W6iOurwQOpFxGjYBg29F6PAPcBrycDNusAVnmpuJpNCbY1oF5EjIDREdf7uODj7qAdbDR0id452NGG6NYx/IOCeepViFNFJVgk3vfApUbVRbFZSxzMGDFPB6wJbAoMXjV8dXz8b7VIfyAlXbw4K6yV+YHAXh1tom2BAEqxqAKrvWC+bBPbDdIEFuKK7oVYQFEvMuAg0ATmugTtGJdN+u03Cv4zKTd3xLSwPtz9g+Ht9jbxg0FqsRqs9k5oJ7Zb4KUJDIFT7vV4EVwTIvML+pk0gc3Bw61Wa3Z2/O4dZwcPjiYNHnxm056k3Nxcu31qWB/tYJZYAUa9DDAdcVGID7gUtCJfGjAbbAxKnp6TYx23Y+dXBqMRHPFGryWxs6bm2r29p8YatYIZ4mqu4GZq7x3ZywaDJaGox3gOnPn2y89vK2gAm2fuTUycPjw40MiBOq512LQR3t7es/poBDPEy13Ay1leBhhe7FE0JRCc7czPHzsM2ODAC4mJieOCuwCSOWyqd+PG11ppAzPEXp0E+Uye5WWALSFFPeLkA4fUzR/PscE+F9asSUwucxHRehYRH2nFBuNiZl7uH79MMASQETtnGpBflwyYCeaPrVmz9xnGusa0bB4Rd2KAH0KMeRlgQ0hR1g903KoBI2D+0privcEmYPU+Ec/i2WCGmO1lg5ERB9StOzYQmOCR54rPPePqFbwCZzwlddTAcyA3u3Fh49kI+Hb462ijtjHE1Gv7xvW0CF4T2DAkSxoxHTAwwYatxcXnLeDMUu/M7tWObzx2pWzoIwDNNKtx4aEIj2DR9tEbeNVEERfLXtUb+fYdTWAI6J3VewYA8OOlAbPBI4uLt8iH8UE74hXfaW3aYAZaq0OFhVcEjxMuO5ElJl7poFTX3tUI5sdkZa03AQSOrVs3AFhgMuC84ksCOPKZGU++tVw99+w60plNSUScmzLf9Z36UIwH8Fvbqvv5batRdt8OALSWbie3E3Fwm+ZjmoNcr9IRc2TAQyzgzPzZzI28B/DIvLwtXcBRlx3kW+nd66IMJiDxhqiwTeR76WlOccy+wsLZ7mChCsm3yguMYgCLi1Ef2/UTHMzH3Spx3R7ykVlZkcbAsZkrApTbw4kvu4P5C3nFz9ABczOt2fGrWnPgjDNsSCJi51tfVpi+j6fg8uydd3Gw8ZWbZHuoHnFcZiYdMN0evuoB3OVq3tqN4CjIao0P4EHZUSIOA0dL5qXPW1IRwCXbVSM+sUI9YM/g7nl5W+m/iznZal3Fg7rZI+xT6Tu1aV964YAKAVaMOKp3ViYZsEExYM/g6xl5l8BRUFPr8C7gltc0u9054uWF6VcqBFgxYuN64l0RDXLd/RHwsYy8YPqOkZxjnQke2jDCPo0O/qXC9Muc7mAy4JK7P/AuI56SmRkpuG4PEbD5aobzQ1jolzPuK/BQn6n2qX3ol+IW6Yc66Q++FaLaHv6Q2buXanu41BP4w24Za+nWKXBczrgu4CHfa/YRsRQ/L31lRAUAv5hwV7Egbn0ikldtD1/zCO6Q0c2HXsBumjPcIxj+aPd+n4JXpq9cUhHA6u1hQC/l9nBpKBNcr2nOKl4DuEWFABtZ20NOC7gtsMCdBqa36KkGC29LLXmJUSPAEl5XHxtemwHGtod0PewD5Qiu8s0npNq3y+7zloDFhb+hPtrGAuPbwy6l20OuPMHVxTJLlWpSRwA0I9lSSIlyLDDMINvDGeCecXxBARlw+YJT0759E+9zmyiiXlks3tnmelZHBpiXVku+2PawvMHVqgpeSHwjP8nLA7DEtu8iXN8KlAVmbQ/LHwxYZB8oz5cpBnU4GN8eBoF+YLaXZkbECJi1PdQHjHvZYjaYw7eHOoGplweXvPrwQIvhETETjGwPebo91AGMePk6yG4JFeNgLq5HUYJFMWC6PdQDTL2C0tvAdXvYZJKbOI2K2WAy4qIeP/Cq7SGnBxj3NlHuh2vjYjYY3x7qAKZeXu1VgkVMzAbTBXEcp94e6gM2f2MTbRPcvGqwWmy6bBPTGgpMML491G3CX9QWxW97gpwgedVgtXhADVH8aJSmCdPtYZzrgEEfMBXbvm2l8NompynBtts2WUy94TwTzNwecpquePhquuKBgnEx9bavo74T763vqRjxImBse8gErw1lXeIxptBrWmwwLuZLve+432v5AhVjXhxMt4dkxHR7yAD7kKuW9Hcti3PGUbyi1pvsIwiytPn0Ih4CRsTU+za4g6ErFau9bDDdHkbK20McTK9Lj3S5Lr0TPHR0hP0I3Zn2bJF+2YiCcbHg8HoCU7HkTaVeFhjZHjLBT7tsHoJzrMlGcC8s157C0/8n2zQOBeNi6vUEpmLEi4Px7SEOJtvS8/SvCB1nHRcNbs2fKn8I87PoqgUBI+Ia1OsJTMW1ES8KxreHOPirDi7r4c+s1uGhoKp1Sq59mhelHUpvEYuCcbFIvZ7AVEw/fjWD8e0hDvbdmlc8EuiIh1uzd38lgEvC/JTcXDJg+UP4UAwOxsWSFwNTMTJfHIxvD3EwPJOXd8EEjqLJ3bSr14WawZG5T9hF4p3Nye/Rhc9zOBgXt38BUDAVY14cjG8PcfDGtS4bcS56dTYhrwqOmk+KCkvZRO7xSJK8dB9eSN6j7x/MnaReFEzEo4zwQGC6PfTVBBbO5xUfM4EjIXRV/O/3S8+d67hfek+s4PxTMuB9MQ/7dGmq39fOqlMwEgOMbg9xsDTi4nMjwZm53o54+balpD1hrcFZLBnw7Efw/PAdZzbx4cF0eyhoBAvnyY1aQeBCjoo+e7C0lMFRZg6cxRwhAzY9NNim6M7Dg+n2UCMYfLYWr9naWXmwI3AtZlrjwnk9H/o1ADqqGvVQYDwcDBu3rFlzLJQDNOptPG8Zj4PLqXIA88F716wZF1T26fOJt/EyAZ4EMAhEnDhupg+gmWdPpd4nAQx80FbpkYeZPpzHU82x07y9G4+gXn3ANZ1ZtINrylGwo9Dk6Yk5hFzPzIMiozkqbI/0jMeRWB4UYK93aC+UP/hfo0eP7k9bpBF8Y6LUwt87pXppGj54+PQcqzV+96qA6ECLo9ZHB6eQJ5fsdu+py1qrXk/r9PfvOmtX7mD5tYdINzWCGS8+1EV6UiubFL96/9zSdu1Kkp5Myx1BuTq9gJghYTTNMebtzTWAJzoGfKC0U6dOPaM+xFBv5vDV6kfxki6mbGjNgbLw06TNv/eJVI3yBAtt3KoJzGp2VmcBt3hL6M51Z3fvl9q1a9eeTWc2HI0xg1vmt9V5wWMbZzbXdGQ28/AIq6yyyv4HCUgK1yG6jsMAAAAASUVORK5CYII=');
 }
\ No newline at end of file
diff --git a/src/mol-plugin/skin/colors/dark.scss b/src/mol-plugin/skin/colors/dark.scss
index 2e6893aca3abd9850145a1591859d9dc40b08ad8..d038b77a91b78043777015940ab0ed9b69056a0d 100644
--- a/src/mol-plugin/skin/colors/dark.scss
+++ b/src/mol-plugin/skin/colors/dark.scss
@@ -1,5 +1,5 @@
 $default-background:         #111318;
-$font-color:                 #ccd4e0;  
+$font-color:                 #ccd4e0;
 $hover-font-color:           #51A2FB;
 $entity-current-font-color:  #68BEFD;
 $msp-btn-remove-background:      #DE0A28;
diff --git a/src/mol-plugin/skin/colors/light.scss b/src/mol-plugin/skin/colors/light.scss
index cb628fdea42ef53a82bb2c3cc348c868fbf4c22f..4fa839e81485af2eefc3acc302f17041d8d2d9ac 100644
--- a/src/mol-plugin/skin/colors/light.scss
+++ b/src/mol-plugin/skin/colors/light.scss
@@ -1,7 +1,7 @@
 // this is complement of the dark theme
 
 @function compl($color) {
-    @return rgb(255 - red($color), 255 - green($color), 255 - blue($color)); 
+    @return rgb(255 - red($color), 255 - green($color), 255 - blue($color));
 }
 
 $default-background:         compl(#111318);
@@ -19,7 +19,7 @@ $log-info:             #5E3673;
 $log-warning:          #FCC937;
 $log-error:            #FD354B;
 
-$logo-background: rgba(204,201,193,0.85);
+$logo-background: compl(#111318);
 
 @function color-lower-contrast($color, $amount) {
     @return lighten($color, $amount);
diff --git a/src/mol-plugin/ui/viewport.tsx b/src/mol-plugin/ui/viewport.tsx
index 3839a41d23bdb48995bd2f4b3cdeadcabfb98d2a..5232613ac8a1a468338aa45fa74edb2be5db59c5 100644
--- a/src/mol-plugin/ui/viewport.tsx
+++ b/src/mol-plugin/ui/viewport.tsx
@@ -96,8 +96,19 @@ export class ViewportControls extends PluginUIComponent<ViewportControlsProps, V
     }
 }
 
+export const Logo = () =>
+    <div className='msp-logo'>
+        <div>
+            <div>
+                <div />
+                <div className='msp-logo-image' />
+            </div>
+        </div>
+    </div>
+
 interface ViewportState {
     noWebGl: boolean
+    showLogo: boolean
 }
 
 export class Viewport extends PluginUIComponent<{ }, ViewportState> {
@@ -105,9 +116,14 @@ export class Viewport extends PluginUIComponent<{ }, ViewportState> {
     private canvas = React.createRef<HTMLCanvasElement>();
 
     state: ViewportState = {
-        noWebGl: false
+        noWebGl: false,
+        showLogo: true
     };
 
+    private handleLogo = () => {
+        this.setState({ showLogo: this.plugin.canvas3d.reprCount.value === 0 })
+    }
+
     private handleResize = () => {
         const container = this.container.current;
         const canvas = this.canvas.current;
@@ -121,9 +137,11 @@ export class Viewport extends PluginUIComponent<{ }, ViewportState> {
         if (!this.canvas.current || !this.container.current || !this.plugin.initViewer(this.canvas.current!, this.container.current!)) {
             this.setState({ noWebGl: true });
         }
+        this.handleLogo();
         this.handleResize();
 
         const canvas3d = this.plugin.canvas3d;
+        this.subscribe(canvas3d.reprCount, this.handleLogo);
         this.subscribe(canvas3d.input.resize, this.handleResize);
 
         this.subscribe(canvas3d.interaction.click, e => this.plugin.behaviors.interaction.click.next(e));
@@ -155,6 +173,7 @@ export class Viewport extends PluginUIComponent<{ }, ViewportState> {
             <div className='msp-viewport-host3d' ref={this.container}>
                 <canvas ref={this.canvas} />
             </div>
+            {this.state.showLogo && <Logo />}
         </div>;
     }
 }
\ No newline at end of file