---
layout: default
section_id: portfolio
title: LibOCon 2018 Visual Identity
---

<div style="background-color: #31aa40;" class="full new">
  <div class="section-title new">
    <div class="row">
      <div class="medium-10 medium-centered columns">
        <h1 class="wow slideInUp" style="color: white; font-size: 2rem;">LibOCon 2018 Visual Identity</h1>
      </div>
    </div>
  </div>
</div>
<div class="full text">
  <div class="row">
    <div class="large-8 columns">
      <img class="lazy" data-src="../images/projects/libocon.png" alt="LiOCon logo">
      <div class="spacing"></div>
      <img class="lazy" data-src="../images/projects/libocon-shirt-poster-vertical.jpg" alt="T-shirt and poster">
      <div class="spacing"></div>
      <img class="lazy" data-src="../images/projects/libocon_banner.jpg" alt="LibOCon banner">
      <div class="spacing"></div>
      <img class="lazy" data-src="../images/projects/libocon_poster_A2.jpg" alt="LibOCon poster">
      <div class="spacing"></div>
      <img class="lazy" data-src="../images/projects/libocon_badges.jpg" alt="LibOCon badges">
      <div class="spacing"></div>
      <img class="lazy" data-src="../images/projects/libocon_totebag.jpg" alt="LibOCon totebag">
      <div class="spacing"></div>
      <img class="lazy" data-src="../images/projects/libocon_room.jpg" alt="LibOCon room">
      <div class="spacing"></div>      
      <img class="lazy" data-src="../images/projects/libocon_stickers.jpg" alt="LibOCon stickers">
      <div class="spacing"></div>
    </div>
    <div class="large-4 columns">
      <div class="project-intro">
        <p>LibOCon is the annual gathering of the LibreOffice community. At LibOCon, LibreOffice users gather to network and meet key LibreOffice developers, designers, localizers, documenters, supporters and marketers, and to learn about the latest in LibreOffice development.</p>
        <p>We teamed up with Kristi Cunga to create for the first time a coherent design language and brand identity for the LibreOffice Conference. This time, it was hosted in the city most of the Ura team is based in, so we were eager to help.</p>
        <hr>
        <div class="spacing"></div>
        <h4>Date</h4>
        <p><span>September, 2018</span></p>
        <h4>Clients</h4>
        <p><span><a href="https://libocon.org" target="_blank" rel="noopener">LibOCon</a></span></p>
        <h4>Category</h4>
        <p><span>Visual Identity</span></p>
         <hr>
        <a class="button boxed black" href="https://github.com/uracreative/works/tree/master/LibOCon 2018" target="_blank" rel="noopener"><i class="fab fa-github"></i> Sources</a><br />
         <a class="button boxed identihub" href="https://demo.identihub.co/project/libocon" target="_blank" rel="noopener"><img class="lazy" data-src="../images/projects/identihub.svg" > Identihub</a><br />
        <a class="button boxed libocon" href="https://libocon.org" target="_blank" rel="noopener"><i class="fas fa-globe"></i> Website</a>
      </div>
    </div>
  </div>
</div>
<hr>
<div class="full">
  <div class="section-title">
    <div class="row">
      <div class="medium-10 medium-centered columns">
        <h2>Related projects</h2>
      </div>
    </div>
  </div>
  <div class="related-works">
    <div class="row">
      <div class="large-4 columns">
        <div class="work-wrapper">
          <a href="openlabs" class="work">
            <img class="lazy" data-src="../images/projects/openlabs.jpg" alt="">
            <div class="info">
              <h3>Open Labs</h3>
              <p>Rebranding</p>
            </div>
          </a>
        </div>
      </div>
      <div class="large-4 columns">
        <div class="work-wrapper">
          <a href="tor-style-guide" class="work">
          <img class="lazy" data-src="../images/projects/tor_thumb.png" alt="">
          <div class="info">
            <h3>Tor Style Guide</h3>
            <p>Style Guide</p>
          </div>
        </a>
        </div>
      </div>
      <div class="large-4 columns">
        <div class="work-wrapper">
          <a href="mozilla-l10n" class="work">
            <img class="lazy" data-src="../images/projects/mozilla-l10n.jpg" alt="">
            <div class="info">
              <h3>Mozilla L10N T-shirts</h3>
              <p>Print</p>
            </div>
          </a>
        </div>
      </div>
    </div>
  </div>

</div>