Skip to content
Permalink
Branch: master
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
73 lines (68 sloc) 3.47 KB
---
layout: default
---
<div class="outer" itemscope itemtype="http://schema.org/Organization">
<div id="logo-usage" class="container">
<h1>Logos and guidelines</h1>
<h2>Presentation guidelines</h2>
<h3>Bioschemas official colors are: </h3>
<div class="colors">
<div class="container">
<div class="recommended-color row">
<span class="description col-md-8"><strong>Dark spring green</strong></span>
<span class="color-box col-md-4" style="background-color: #0B794B;">#0B794B</span>
</div>
<div class="recommended-color row">
<span class="description col-md-8"><strong>Medium sea green</strong></span>
<span class="color-box col-md-4" style="background-color: #2BB573;">#2BB573</span>
</div>
<div class="recommended-color row">
<span class="description col-md-8"><strong>Outer space</strong></span>
<span class="color-box col-md-4" style="background-color: #454647;">#454647</span>
</div>
</div>
</div>
<h3>Logo usage</h3>
<p>Whenever is possible, the full logo should be used. The hexagon logo can be used on slides when the "Bioschemas" text is too small to read.</p>
<h2>Logos</h2>
<div class="recommendation row">
<div class="logo-container col-md-6">
<div class="logo" style="background-image:url('/images/logos/bioschemas/logo_color.png');"></div>
</div>
<div class="description col-md-6">
<h3>Color logo</h3>
<p>For clear backgrounds</p>
<p><a href="/images/logos/bioschemas/logo_color.svg">SVG</a> - <a href="/images/logos/bioschemas/logo_color.png">PNG</a></p>
</div>
</div>
<div class="recommendation row">
<div class="logo-container white col-md-6">
<div class="logo" style="background-image:url('/images/logos/bioschemas/logo_white.png');"></div>
</div>
<div class="description col-md-6">
<h3>White logo</h3>
<p>Ideal for dark backgrounds</p>
<p><a href="/images/logos/bioschemas/logo_white.svg">SVG</a> - <a href="/images/logos/bioschemas/logo_white.png">PNG</a></p>
</div>
</div>
<div class="recommendation row">
<div class="logo-container col-md-6">
<div class="logo" style="background-image:url('/images/logos/bioschemas/hexagon_color.png');"></div>
</div>
<div class="description col-md-6">
<h3>Hexagon color</h3>
<p><a href="/images/logos/bioschemas/hexagon_color.svg">SVG</a> - <a href="/images/logos/bioschemas/hexagon_color.png">PNG</a></p>
</div>
</div>
<div class="recommendation row">
<div class="logo-container white col-md-6">
<div class="logo" style="background-image:url('/images/logos/bioschemas/hexagon_white.png');"></div>
</div>
<div class="description col-md-6">
<h3>Hexagon white</h3>
<p>Ideal for dark backgrounds</p>
<p><a href="/images/logos/bioschemas/hexagon_white.svg">SVG</a> - <a href="/images/logos/bioschemas/hexagon_white.png">PNG</a></p>
</div>
</div>
</div>
</div>
You can’t perform that action at this time.