Logos - TDWG

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Logos - TDWG</title> <meta name="description" content="The official TDWG logo in different variations and file formats."> <meta name="generator" content="Jekyll, theme: tdwg/petridish"> <meta property="og:url" content="/about/logos/"> <meta property="og:type" content="website"> <meta property="og:title" content="Logos"> <meta property="og:description" content="The official TDWG logo in different variations and file formats."> <link rel="icon" type="image/x-icon" href="/favicon.ico">  <link rel="stylesheet" href="/assets/theme/css/main.css"> <link rel="stylesheet" href="/assets/theme/css/fontawesome-all.min.css"> <link rel="stylesheet" href="/assets/theme/css/academicons.min.css"> <link rel="stylesheet" href="/assets/theme/css/pygments.css"> <link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i&display=swap" rel="stylesheet"> <link rel="alternate" type="application/rss+xml" title="TDWG - RSS feed" href="/feed.xml" >  <script src="/assets/theme/js/jquery.min.js"></script> <script src="/assets/theme/js/popper.min.js"></script> <script src="/assets/theme/js/bootstrap.min.js"></script> </head> <body> <nav class="navbar navbar-expand-lg navbar-dark bg-secondary d-print-none" id="main-nav"> <div class="container"> <a class="navbar-brand d-flex align-items-center" href="/"> <img class="me-3" src="/assets/theme/images/tdwg-logo-long.svg" alt="TDWG"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu"> Menu <i class="fas fa-bars"></i> </button> <div class="collapse navbar-collapse" id="navbar-menu"> <ul class="navbar-nav ms-auto"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"> Standards </a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item" href="/standards/">Maintained by TDWG</a> <a class="dropdown-item" href="/standards/external/">Externally maintained</a> </div> </li> <li class="navbar-item"> <a class="nav-link" href="/journal/">Journal</a> </li> <li class="navbar-item"> <a class="nav-link" href="/community/">Community</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"> Conferences </a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item" href="/conferences/">Conferences</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/conferences/2024/">2024 - Ginowan, Okinawa, Japan</a> <a class="dropdown-item" href="/conferences/2023/">2023 - Hobart, Australia</a> <a class="dropdown-item" href="/conferences/2022/">2022 - Sofia, Bulgaria</a> <a class="dropdown-item" href="/conferences/2021/">2021 - Virtual conference</a> <a class="dropdown-item" href="/conferences/2020/">2020 - Virtual conference</a> <a class="dropdown-item" href="/conferences/2019/">2019 - Leiden, The Netherlands</a> <a class="dropdown-item" href="/conferences/2018/">2018 - Dunedin, New Zealand</a> <a class="dropdown-item" href="/conferences/2017/">2017 - Ottawa, Canada</a> <a class="dropdown-item" href="/conferences/2016/">2016 - Santa Clara de San Carlos, Costa Rica</a> <a class="dropdown-item" href="/conferences/2015/">2015 - Nairobi, Kenya</a> <a class="dropdown-item" href="/conferences/2014/">2014 - J枚nk枚ping, Sweden</a> <a class="dropdown-item" href="/conferences/2013/">2013 - Florence, Italy</a> <a class="dropdown-item" href="/conferences/2012/">2012 - Beijing, China</a> <a class="dropdown-item" href="/conferences/2011/">2011 - New Orleans, Louisiana, USA</a> <a class="dropdown-item" href="/conferences/2010/">2010 - Woods Hole, Massachusetts, USA</a> <a class="dropdown-item" href="/conferences/2009/">2009 - Montpellier, France</a> <a class="dropdown-item" href="/conferences/2008/">2008 - Fremantle, Australia</a> <a class="dropdown-item" href="/conferences/2007/">2007 - Bratislava, Slovakia</a> <a class="dropdown-item" href="/conferences/2006/">2006 - St. Louis, Missouri, USA</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/conferences/pre-2006/">Before 2006</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"> About </a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item" href="/about/">About</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/about/executive/">Executive Committee</a> <a class="dropdown-item" href="/about/committees/">Functional Subcommittees</a> <a class="dropdown-item" href="/about/process/">Process</a> <a class="dropdown-item" href="/about/constitution/">Constitution</a> <a class="dropdown-item" href="/about/incorporation/">Incorporation and Status</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/about/membership/">Membership</a> <a class="dropdown-item" href="/about/terms-of-use/">Terms of Use</a> <a class="dropdown-item" href="/about/code-of-conduct/">Code of Conduct</a> <a class="dropdown-item" href="/about/diversity-inclusion/">Diversity and Inclusion Statement</a> <a class="dropdown-item" href="/about/liability-disclaimer/">Liability Disclaimer and Release</a> <a class="dropdown-item" href="/about/review-managers/">Review Manager Guidelines</a> <a class="dropdown-item" href="/about/website-faq/">Contributing to the Website</a> <div class="dropdown-divider"></div> <a class="dropdown-item active" href="/about/logos/">Logos</a> <a class="dropdown-item" href="/about/contact/">Contact</a> </div> </li> <li class="navbar-item"> <a class="nav-link" href="/news/">News</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"> Technical </a> <div class="dropdown-menu dropdown-menu-end"> <h6 class="dropdown-header">Leading standards development</h6> <a class="dropdown-item" href="/technical/groups/">Interest or task group?</a> <a class="dropdown-item" href="/technical/interest/">Running an interest group</a> <a class="dropdown-item" href="/technical/task/">Running a task group</a> <div class="dropdown-divider"></div> <h6 class="dropdown-header">Techical reference</h6> <a class="dropdown-item" href="/technical/recommendations/">Technical recommendations</a> <a class="dropdown-item" href="http://rs.tdwg.org/index">Accessing standards metadata</a> <a class="dropdown-item" href="https://tdwg.github.io/rs.tdwg.org/translations/">Vocabulary translations</a> <div class="dropdown-divider"></div> <h6 class="dropdown-header">Utility vocabularies</h6> <a class="dropdown-item" href="https://tdwg.github.io/tag/boolean/">Controlled vocabulary for booleans</a> <a class="dropdown-item" href="http://rs.tdwg.org/dwc/terms/attributes/">tdwgutility vocabulary</a> </div> </li> </ul> </div> </div> </nav> <main> <header class="header bg-no-image"> <div class="container"> <div class="row"> <div class="col-md-10 col-lg-8 position-relative mx-auto"> <h1>Logos</h1> <div class="lead"><p>The official TDWG logo in different variations and file formats.</p> </div> <div class="tags"> </div> </div> </div> </div> </header> <div class="container content"> <div class="row"> <div class="col-md-10 col-lg-3 mx-auto"> <div class="toc"> <h6>On this page</h6> <ul><li><a href="#colour-logo">Colour logo</a></li><li><a href="#white-logo">White logo</a></li><li><a href="#website-colours">Website colours</a></li></ul> </div> </div> <div class="col-md-10 col-lg-8 order-lg-first mx-auto"> <p>Please consult the <a href="https://static.tdwg.org/logo/tdwg-2022-logo-documentation.pdf">background and style guide</a> before using the 2022+ TDWG logo.</p> <h2 id="colour-logo">Colour logo</h2> <p>For use on light backgrounds.</p> <div class="table-responsive"><table class="table"> <thead> <tr> <th>Description</th> <th>Example</th> <th>File formats</th> </tr> </thead> <tbody> <tr> <td>Horizontal</td> <td><img class="img-fluid" src="https://static.tdwg.org/logo/Colour/PNG/TDWG-Logo_horizontal.png" width="200" height="84" /></td> <td><a href="https://static.tdwg.org/logo/Colour/PNG/TDWG-Logo_horizontal.png">PNG</a> <a href="https://static.tdwg.org/logo/Colour/PDF/TDWG-Logo_horizontal.pdf">PDF</a> <a href="https://static.tdwg.org/logo/Colour/EPS/TDWG-Logo_horizontal.eps">ESP</a> <a href="https://static.tdwg.org/logo/Colour/SVG/TDWG-Logo_horizontal.svg">SVG</a></td> </tr> <tr> <td>Short form</td> <td><img class="img-fluid" src="https://static.tdwg.org/logo/Colour/PNG/TDWG-Logo_Short-Form.png" width="200" height="84" /></td> <td><a href="https://static.tdwg.org/logo/Colour/PNG/TDWG-Logo_Short-Form.png">PNG</a> <a href="https://static.tdwg.org/logo/Colour/PDF/TDWG-Logo_Short-Form.pdf">PDF</a> <a href="https://static.tdwg.org/logo/Colour/EPS/TDWG-Logo_Short-Form.eps">ESP</a> <a href="https://static.tdwg.org/logo/Colour/SVG/TDWG-Logo_Short-Form.svg">SVG</a></td> </tr> <tr> <td>Single deck</td> <td><img class="img-fluid" src="https://static.tdwg.org/logo/Colour/PNG/TDWG-Logo_Single-Deck.png" width="200" height="25" /></td> <td><a href="https://static.tdwg.org/logo/Colour/PNG/TDWG-Logo_Single-Deck.png">PNG</a> <a href="https://static.tdwg.org/logo/Colour/PDF/TDWG-Logo_Single-Deck.pdf">PDF</a> <a href="https://static.tdwg.org/logo/Colour/EPS/TDWG-Logo_Single-Deck.eps">ESP</a> <a href="https://static.tdwg.org/logo/Colour/SVG/TDWG-Logo_Single-Deck.svg">SVG</a></td> </tr> <tr> <td>Vertical</td> <td><img class="img-fluid" src="https://static.tdwg.org/logo/Colour/PNG/TDWG-Logo_vertical.png" width="200" height="112" /></td> <td><a href="https://static.tdwg.org/logo/Colour/PNG/TDWG-Logo_vertical.png">PNG</a> <a href="https://static.tdwg.org/logo/Colour/PDF/TDWG-Logo_vertical.pdf">PDF</a> <a href="https://static.tdwg.org/logo/Colour/EPS/TDWG-Logo_vertical.eps">ESP</a> <a href="https://static.tdwg.org/logo/Colour/SVG/TDWG-Logo_vertical.svg">SVG</a></td> </tr> <tr> <td>Pill</td> <td><img class="img-fluid" src="https://static.tdwg.org/logo/Colour/PNG/TDWG-Logo_Pill.png" width="200" height="40" /></td> <td><a href="https://static.tdwg.org/logo/Colour/PNG/TDWG-Logo_Pill.png">PNG</a> <a href="https://static.tdwg.org/logo/Colour/PDF/TDWG-Logo_Pill.pdf">PDF</a> <a href="https://static.tdwg.org/logo/Colour/EPS/TDWG-Logo_Pill.eps">ESP</a> <a href="https://static.tdwg.org/logo/Colour/SVG/TDWG-Logo_Pill.svg">SVG</a></td> </tr> <tr> <td>Hex sticker</td> <td><img class="img-fluid" src="https://static.tdwg.org/logo/Colour/PNG/TDWG-Logo_Hex-Sticker_frame_blue.png" width="200" height="84" /></td> <td><a href="https://static.tdwg.org/logo/Colour/PNG/TDWG-Logo_Hex-Sticker_frame_blue.png">PNG</a> <a href="https://static.tdwg.org/logo/Colour/PDF/TDWG-Logo_Hex-Sticker_frame_blue.pdf">PDF</a> <a href="https://static.tdwg.org/logo/Colour/PDF/TDWG-Logo_Hex-Sticker_frame_blue.pdf">ESP</a> <a href="https://static.tdwg.org/logo/Colour/SVG/TDWG-Logo_Hex-Sticker_frame_blue.svg">SVG</a></td> </tr> </tbody> </table></div> <h2 id="white-logo">White logo</h2> <p>For use on dark backgrounds.</p> <div class="table-responsive"><table class="table"> <thead> <tr> <th>Description</th> <th>Example</th> <th>File formats</th> </tr> </thead> <tbody> <tr> <td>Horizontal</td> <td><img class="img-fluid bg-secondary" src="https://static.tdwg.org/logo/White/PNG/TDWG-Logo_horizontal-white.png" width="200" height="84" /></td> <td><a href="https://static.tdwg.org/logo/White/PNG/TDWG-Logo_horizontal-white.png">PNG</a> <a href="https://static.tdwg.org/logo/White/PDF/TDWG-Logo_horizontal-white.pdf">PDF</a> <a href="https://static.tdwg.org/logo/White/EPS/TDWG-Logo_horizontal-white.eps">ESP</a> <a href="https://static.tdwg.org/logo/White/SVG/TDWG-Logo_horizontal-white.svg">SVG</a></td> </tr> <tr> <td>Short form</td> <td><img class="img-fluid bg-secondary" src="https://static.tdwg.org/logo/White/PNG/TDWG-Logo_Short-Form-white.png" width="200" height="84" /></td> <td><a href="https://static.tdwg.org/logo/White/PNG/TDWG-Logo_Short-Form-white.png">PNG</a> <a href="https://static.tdwg.org/logo/White/PDF/TDWG-Logo_Short-Form-white.pdf">PDF</a> <a href="https://static.tdwg.org/logo/White/EPS/TDWG-Logo_Short-Form-white.eps">ESP</a> <a href="https://static.tdwg.org/logo/White/SVG/TDWG-Logo_Short-Form-white.svg">SVG</a></td> </tr> <tr> <td>Single deck</td> <td><img class="img-fluid bg-secondary" src="https://static.tdwg.org/logo/White/PNG/TDWG-Logo_Single-Deck-white.png" width="200" height="25" /></td> <td><a href="https://static.tdwg.org/logo/White/PNG/TDWG-Logo_Single-Deck-white.png">PNG</a> <a href="https://static.tdwg.org/logo/White/PDF/TDWG-Logo_Single-Deck-white.pdf">PDF</a> <a href="https://static.tdwg.org/logo/White/EPS/TDWG-Logo_Single-Deck-white.eps">ESP</a> <a href="https://static.tdwg.org/logo/White/SVG/TDWG-Logo_Single-Deck-white.svg">SVG</a></td> </tr> <tr> <td>Vertical</td> <td><img class="img-fluid bg-secondary" src="https://static.tdwg.org/logo/White/PNG/TDWG-Logo_vertical-white.png" width="200" height="112" /></td> <td><a href="https://static.tdwg.org/logo/White/PNG/TDWG-Logo_vertical-white.png">PNG</a> <a href="https://static.tdwg.org/logo/White/PDF/TDWG-Logo_vertical-white.pdf">PDF</a> <a href="https://static.tdwg.org/logo/White/EPS/TDWG-Logo_vertical-white.eps">ESP</a> <a href="https://static.tdwg.org/logo/White/SVG/TDWG-Logo_vertical-white.svg">SVG</a></td> </tr> <tr> <td>Pill</td> <td><img class="img-fluid bg-secondary" src="https://static.tdwg.org/logo/White/PNG/TDWG-Logo_Pill-white.png" width="200" height="40" /></td> <td><a href="https://static.tdwg.org/logo/White/PNG/TDWG-Logo_Pill-white.png">PNG</a> <a href="https://static.tdwg.org/logo/White/PDF/TDWG-Logo_Pill-white.pdf">PDF</a> <a href="https://static.tdwg.org/logo/White/EPS/TDWG-Logo_Pill-white.eps">ESP</a> <a href="https://static.tdwg.org/logo/White/SVG/TDWG-Logo_Pill-white.svg">SVG</a></td> </tr> <tr> <td>Hex sticker</td> <td><img class="img-fluid bg-secondary" src="https://static.tdwg.org/logo/White/PNG/TDWG-Logo_Hex-Sticker-white_transp_frame.png" width="200" height="84" /></td> <td><a href="https://static.tdwg.org/logo/White/PNG/TDWG-Logo_Hex-Sticker-white_transp_frame.png">PNG</a> <a href="https://static.tdwg.org/logo/White/PDF/TDWG-Logo_Hex-Sticker-white_transp_frame.pdf">PDF</a> <a href="https://static.tdwg.org/logo/White/PDF/TDWG-Logo_Hex-Sticker-white_transp_frame.pdf">ESP</a> <a href="https://static.tdwg.org/logo/White/SVG/TDWG-Logo_Hex-Sticker-white_transp_frame.svg">SVG</a></td> </tr> </tbody> </table></div> <h2 id="website-colours">Website colours</h2> <div class="table-responsive"><table class="table"> <thead> <tr> <th>Description</th> <th>Example</th> <th>Hex value</th> <th>聽Bootstrap class</th> </tr> </thead> <tbody> <tr> <td>Green (for links and interaction)</td> <td><span class="bg-primary px-5 py-1"></span></td> <td><code class="language-plaintext highlighter-rouge">#617E3E</code></td> <td>聽<code class="language-plaintext highlighter-rouge">*-primary</code></td> </tr> <tr> <td>Blue (for backgrounds)</td> <td><span class="bg-secondary px-5 py-1"></span></td> <td><code class="language-plaintext highlighter-rouge">#043B58</code></td> <td><code class="language-plaintext highlighter-rouge">*-secondary</code></td> </tr> </tbody> </table></div> </div> </div> </div> </main> <footer class="d-print-none"> <div class="container"> <div class="row"> <div class="col-lg"> <ul class="list-inline"> <li class="list-inline-item"> <a href="mailto:secretary@tdwg.org"> <span class="fa-stack fa-lg"> <i class="fas fa-circle fa-stack-2x"></i> <i class="far fa-envelope fa-stack-1x fa-inverse"></i> </span> </a> </li> <li class="list-inline-item"> <a href="https://twitter.com/tdwg"> <span class="fa-stack fa-lg"> <i class="fas fa-circle fa-stack-2x"></i> <i class="fab fa-twitter fa-stack-1x fa-inverse"></i> </span> </a> </li> <li class="list-inline-item"> <a red="me" href="https://www.facebook.com/groups/326780777736"> <span class="fa-stack fa-lg"> <i class="fas fa-circle fa-stack-2x"></i> <i class="fab fa-facebook fa-stack-1x fa-inverse"></i> </span> </a> </li> <li class="list-inline-item"> <a href="https://github.com/tdwg"> <span class="fa-stack fa-lg"> <i class="fas fa-circle fa-stack-2x"></i> <i class="fab fa-github fa-stack-1x fa-inverse"></i> </span> </a> </li> <li class="list-inline-item"> <a href="/feed.xml"> <span class="fa-stack fa-lg"> <i class="fas fa-circle fa-stack-2x"></i> <i class="fas fa-rss fa-stack-1x fa-inverse"></i> </span> </a> </li> </ul> </div> <div class="col-lg"> <ul class="fa-ul"> <li> <i class="fa-li fa fa-chevron-circle-right"></i> <a href="/about/">What is TDWG?</a> </li> <li> <i class="fa-li fa fa-chevron-circle-right"></i> <a href="/about/contact/">Contact us</a> </li> <li> <i class="fa-li fa fa-chevron-circle-right"></i> <a href="/about/terms-of-use/#privacy-statement">Privacy policy</a> </li> <li> <i class="fa-li fa fa-chevron-circle-right"></i> <a href="/about/code-of-conduct/">Code of Conduct</a> </li> <li> <i class="fa-li fa fa-chevron-circle-right"></i> <a href="/about/diversity-inclusion/">Diversity and Inclusion Statement</a> </li> </ul> </div> </div> <div class="small mt-2"> <p>Content on this site, made open by <a href="https://www.tdwg.org/">Biodiversity Information Standards (TDWG)</a> is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.</p> <p> <a href="https://github.com/tdwg/website/edit/master/about/logos/index.md"> <i class="fas fa-edit"></i> Edit this page </a> </p> </div> </div> </footer> <script src="/assets/theme/js/anchor.min.js"></script> <script> // Show anchors when hovering over headings, using anchor.js (function () { const headings = ".content h2[id], .content h3[id], .content h4[id], .content h5[id], .content h6[id]"; anchors.options = { placement: "right" }; anchors.add(headings); })(); </script> </body> </html>

CINXE.COM

Logos - TDWG