You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
506 lines
19 KiB
506 lines
19 KiB
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>Ura Design</title>
|
|
<meta name="description" content="Ura is a digital studio which focuses on visual communication solutions tailored for Open Source and Internet Freedom projects.
|
|
">
|
|
|
|
<!-- Metadata -->
|
|
|
|
<meta property="og:site_name" content="Ura Design">
|
|
|
|
<meta property="og:title" content="Ura Design">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:description" content="Ura is a digital studio which focuses on visual communication solutions tailored for Open Source and Internet Freedom projects.
|
|
">
|
|
|
|
|
|
<meta property="og:url" content="http://localhost:4000/" />
|
|
|
|
|
|
<meta content="https://ura.design/images/main/icon.png" property="og:image">
|
|
|
|
<meta name="twitter:card" content="summary" />
|
|
<meta name="twitter:site" content="@uracreative" />
|
|
<meta name="twitter:image:src" content="https://ura.design/" />
|
|
|
|
<link rel="stylesheet" href="/css/app.css">
|
|
<link rel="stylesheet" href="/fonts/overpass/overpass.css">
|
|
<link rel="stylesheet" href="/css/superslides.css"/>
|
|
<link rel="stylesheet" href="/css/slick-theme.css"/>
|
|
<link rel="stylesheet" href="/css/slick.css"/>
|
|
<link rel="stylesheet" href="/css/animate.css"/>
|
|
<link rel="stylesheet" href="/css/linea-styles.css"/>
|
|
<link rel="stylesheet" href="/css/linea-arrows-styles.css"/>
|
|
<link rel="stylesheet" href="/css/fontawesome-all.css"/>
|
|
<link rel="stylesheet" href="/css/style.css"/>
|
|
<link rel="stylesheet" href="/css/responsive.css"/>
|
|
|
|
<link rel="canonical" href="http://localhost:4000/">
|
|
<link rel="alternate" type="application/rss+xml" title="Ura Design" href="http://localhost:4000/feed.xml">
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
<div class='contain-to-grid sticky transparent'>
|
|
<nav class='top-bar' data-options='sticky_on: large' data-topbar=''>
|
|
<ul class='title-area'>
|
|
<li class="">
|
|
<h1>
|
|
<a href='/'><img src="/images/main/logo.svg" width="180.7px" height="56.5px" alt="Ura Logo">
|
|
</a>
|
|
</h1>
|
|
</li>
|
|
</ul>
|
|
<div id="menu-toggler" class="right">
|
|
<a href='#'>
|
|
<i class="icon-arrows-hamburger-2"></i>
|
|
</a>
|
|
</div>
|
|
<section class='top-bar-section closed'>
|
|
<ul class='right'>
|
|
|
|
|
|
|
|
|
|
|
|
<li class="has-dropdown ">
|
|
<a href="/blog/">Blog</a>
|
|
<ul class='dropdown'>
|
|
|
|
<li>
|
|
<a href="/events">Events</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
<li class="has-dropdown ">
|
|
<a href="/services">Services</a>
|
|
<ul class='dropdown'>
|
|
|
|
<li>
|
|
<a href="/request">Request</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
<li class="has-dropdown ">
|
|
<a href="/projects">Projects</a>
|
|
<ul class='dropdown'>
|
|
|
|
<li>
|
|
<a href="/logobridge">Logobridge</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
<li class="">
|
|
<a href="/support-us">Support Us</a>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
<li class="has-dropdown ">
|
|
<a href="/about">About</a>
|
|
<ul class='dropdown'>
|
|
|
|
<li>
|
|
<a href="/contact">Contact</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="/jobs">Jobs</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
|
|
</ul>
|
|
</section>
|
|
</nav>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="full no-padding" style="height: 100vh;">
|
|
<div id="slides">
|
|
<div class="slides-container">
|
|
|
|
<div class="slide">
|
|
<div class="slide-info">
|
|
<p></p>
|
|
<h1><span>USABILITY</span> AND <span>OPEN SOURCE DESIGN</span></h1>
|
|
<div class="one spacing"></div>
|
|
<p style="line-height: 1.3;">Ura supports Open Source and Free Software Projects with Usability, Visual Identity and User Experience Design, no matter if small grassroots or established enterprise.</p>
|
|
<div class="one spacing"></div>
|
|
<a href="http://opensourcedesign.net" class="button boxed white">What is it?</a>
|
|
</div>
|
|
<div class="slide-left" style="background-color: #3399d4;">
|
|
</div>
|
|
<div class="slide-right overlay" style="background: url(images/main/half-1.jpg) center center no-repeat;background-size: cover;">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<div class="slide-info">
|
|
<p></p>
|
|
<h1>Host your Visual Assets with <span>Identihub</span></h1>
|
|
<div class="one spacing"></div>
|
|
<p style="line-height: 1.3;">Identihub is free open source software designed to host your brand and visual assets in a single place, making it convenient to share with others.</p>
|
|
<div class="one spacing"></div>
|
|
<a href="https://identihub.co" class="button boxed white">Try it out</a>
|
|
</div>
|
|
<div class="slide-left" style="background-color: #58595B;">
|
|
</div>
|
|
<div class="slide-right overlay grey" style="background: url(images/main/half-2.jpg) center center no-repeat;background-size: cover;">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<div class="slide-info">
|
|
<p></p>
|
|
<h1>Across <span>industry</span> and <span>communities</span></h1>
|
|
<div class="one spacing"></div>
|
|
<p style="line-height: 1.3;">We understand Open Source Communities unlike the average design studio. Have a look at our past projects to see if we can help you.</p>
|
|
<div class="one spacing"></div>
|
|
<a href="projects" class="button boxed white">Showcases</a>
|
|
</div>
|
|
<div class="slide-left" style="background-color: #3399d4;">
|
|
</div>
|
|
<div class="slide-right overlay" style="background: url(images/main/half-3.jpg) center center no-repeat;background-size: cover;">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<div class="slide-info">
|
|
<p></p>
|
|
<h1>REQUEST <span>DESIGN</span> AND <span>USABILITY</span> SERVICES</h1>
|
|
<div class="one spacing"></div>
|
|
<p style="line-height: 1.3;">Need help with your project? Request a free consultation for your Open Source Project and we handle the rest.</p>
|
|
<div class="one spacing"></div>
|
|
<a href="request" class="button boxed white">Request Services</a>
|
|
</div>
|
|
<div class="slide-left" style="background-color: #58595B;">
|
|
</div>
|
|
<div class="slide-right overlay grey" style="background: url(images/main/half-4.jpg) center center no-repeat;background-size: cover;">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<nav class="slides-navigation">
|
|
<a href="#" class="next"><i class="icon-arrows-slim-right"></i></a>
|
|
<a href="#" class="prev"><i class="icon-arrows-slim-left"></i></a>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="full">
|
|
<div class="section-title">
|
|
<div class="row">
|
|
<div class="medium-10 medium-centered columns">
|
|
<img class="lazy" data-src="images/main/icon.svg" alt="" class="wow flipInY" data-wow-duration="2s" data-wow-delay="0.1s">
|
|
<div class="spacing"></div>
|
|
<h2>Design, but Open</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="large-10 large-centered columns">
|
|
<p>Ura is a digital studio which focuses on visual communication solutions tailored for Open Source and Internet Freedom projects. Ura was founded in 2016 in Albania to cater to the ever-rising demand for Usability and Design services in Open Source Software. We specialize in UX Design, Design Systems Research and Visual Identity.</p>
|
|
<p>Our work can be seen across various Open Source projects such as <a href="https://mozilla.org" target="_blank">Mozilla</a>, <a href="https://www.torproject.org" target="_blank">The Tor Project</a> and <a href="https://www.linuxfoundation.org" target="_blank">The Linux Foundation</a>.</p>
|
|
<p>We also develop <a href="https://identihub.co" target="_blank">Identihub</a>, Open Source Software to self-host visual assets and identities to ease collaboration between designers and developers.</p>
|
|
<div class="two spacing"></div>
|
|
<div class="centered-text">
|
|
<a href="about" class="button boxed blue">Learn more</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="full light-grey no-padding">
|
|
<div class="two spacing"></div>
|
|
<div class="section-title" style="margin-bottom: 0px;">
|
|
<div class="row">
|
|
<div class="medium-10 medium-centered columns">
|
|
<p style="font-size: 18px;">We are proud to have worked with:</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class='row'>
|
|
<div class='large-12 columns'>
|
|
<div class='clients'>
|
|
|
|
<div><a href="https://mozilla.org" target="blank"><img class="lazy" alt="" data-src="/images/clients/mozilla.png" width="200px" height="120px"></a></div>
|
|
|
|
<div><a href="https://www.torproject.org/" target="blank"><img class="lazy" alt="" data-src="/images/clients/tor.png" width="200px" height="120px"></a></div>
|
|
|
|
<div><a href="https://www.linuxfoundation.org" target="blank"><img class="lazy" alt="" data-src="/images/clients/linuxfoundation.png" width="200px" height="120px"></a></div>
|
|
|
|
<div><a href="https://fsfe.org/" target="blank"><img class="lazy" alt="" data-src="/images/clients/fsfe.png" width="200px" height="120px"></a></div>
|
|
|
|
<div><a href="https://stickermule.com/" target="blank"><img class="lazy" alt="" data-src="/images/clients/stickermule.png" width="200px" height="120px"></a></div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="two spacing"></div>
|
|
</div>
|
|
|
|
<div class="full">
|
|
<div class="section-title">
|
|
<div class="row">
|
|
<div class="medium-10 medium-centered columns">
|
|
<h2>Testimonials</h2>
|
|
<p>What people say about us</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="large-6 columns">
|
|
|
|
<div class="quote wow slideInLeft" data-wow-delay="0.0s">
|
|
<div class="row">
|
|
<div class="small-3 columns">
|
|
<img class="lazy" data-src="images/testimonials/jeffbeatty.png" width="102px" height="102px" alt="author">
|
|
</div>
|
|
<div class="small-9 columns">
|
|
<p>“The folks at Ura were very professional in learning our expectations, planning the project, and being flexible as things changed. Add to that their commitment to work in the open and it made for a wonderful experience.”</p>
|
|
<a href="https://twitter.com/gueroJeff"><p class="author">Jeff Beatty - Mozilla</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="quote wow slideInLeft" data-wow-delay="0.25s">
|
|
<div class="row">
|
|
<div class="small-3 columns">
|
|
<img class="lazy" data-src="images/testimonials/benjaminkerensa.png" width="102px" height="102px" alt="author">
|
|
</div>
|
|
<div class="small-9 columns">
|
|
<p>“When looking for an identity for Glucosio we put our faith into Ura. With an unrivaled ability to bring ideas together into a fresh and modern branding experience we were really happy with the results.”</p>
|
|
<a href="https://twitter.com/bkerensa"><p class="author">Benjamin Kerensa - Glucosio</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="large-6 columns">
|
|
|
|
<div class="quote reverse wow slideInRight" class="wow" data-wow-delay="0.0s">
|
|
<div class="row">
|
|
<div class="small-3 columns">
|
|
<img class="lazy" data-src="images/testimonials/justindorfman.png" width="102px" height="102px" alt="author">
|
|
</div>
|
|
<div class="small-9 columns">
|
|
<p>“Ever since 'Open Source' was coined 20 years ago, a majority of projects have lacked great design. Ura is leading the way to fill that gap of Open Source Design in the community.”</p>
|
|
<a href="https://twitter.com/jdorfman"><p class="author">Justin Dorfman - Stickermule</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="quote reverse wow slideInRight" class="wow" data-wow-delay="0.25s">
|
|
<div class="row">
|
|
<div class="small-3 columns">
|
|
<img class="lazy" data-src="images/testimonials/simplysecure.png" width="102px" height="102px" alt="author">
|
|
</div>
|
|
<div class="small-9 columns">
|
|
<p>“Ura understood the needs of the open-source community when we worked together creating a styleguide for the Tor Project. They were able to deliver a polished result in a large, distributed volunteer organization.”</p>
|
|
<a href="https://twitter.com/scouttle"><p class="author">Sara Sinclair Brody - Simply Secure</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="full no-padding">
|
|
<div class="spacing"></div>
|
|
<div class="section-title">
|
|
<div class="row">
|
|
<div class="medium-10 medium-centered columns">
|
|
<h2>Featured projects</h2>
|
|
<p>Have a look at our past projects</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="full">
|
|
<div class="row">
|
|
<div class="large-4 columns">
|
|
|
|
<div class="work-wrapper">
|
|
<a href="/projects/thunderbird" class="work">
|
|
<img class="lazy" data-src="http://localhost:4000/images/projects/tb_overview.png" alt="">
|
|
<div class="info">
|
|
<h3>Thunderbird Style Guide and Usability Study</h3>
|
|
<p>Usability Study, Style Guide</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="work-wrapper">
|
|
<a href="/projects/openlabs" class="work">
|
|
<img class="lazy" data-src="http://localhost:4000/images/projects/openlabs_thumbnail.jpg" alt="">
|
|
<div class="info">
|
|
<h3>Open Labs</h3>
|
|
<p>Visual Identity</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="large-4 columns">
|
|
|
|
<div class="work-wrapper">
|
|
<a href="/projects/libocon" class="work">
|
|
<img class="lazy" data-src="http://localhost:4000/images/projects/libocon_overview.png" alt="">
|
|
<div class="info">
|
|
<h3>LibOCon 2018 Visual Identity</h3>
|
|
<p>Visual Identity</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="work-wrapper">
|
|
<a href="/projects/tor-style-guide" class="work">
|
|
<img class="lazy" data-src="http://localhost:4000/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="/projects/reproducible-builds" class="work">
|
|
<img class="lazy" data-src="http://localhost:4000/images/projects/rb_thumbnail.png" alt="">
|
|
<div class="info">
|
|
<h3>Reproducible Builds Styleguide</h3>
|
|
<p>Style Guide</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="work-wrapper">
|
|
<a href="/projects/enigmail" class="work">
|
|
<img class="lazy" data-src="http://localhost:4000/images/projects/enigmail_overview.png" alt="">
|
|
<div class="info">
|
|
<h3>Enigmail Rebranding</h3>
|
|
<p>Visual Identity</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="full light-grey no-padding">
|
|
<div class="two spacing"></div>
|
|
<div id="newsletter" class='row'>
|
|
<div class='medium-10 medium-centered centered-text columns'>
|
|
<p>Stay updated with our Newsletter!</p>
|
|
<a class="button boxed black" href="https://uradesign.hosted.phplist.com/lists/?p=subscribe&id=1" target="_blank">SUBSCRIBE</a>
|
|
</div>
|
|
<div class="two spacing"></div>
|
|
</div>
|
|
|
|
|
|
<div id="cookieConsent" style="display: none;">
|
|
<div id="closeCookieConsent">x</div>
|
|
This website is using cookies. <a href="/privacy-policy" target="_blank">More info</a>. <a class="cookieConsentOK">That's Fine</a>
|
|
</div>
|
|
|
|
<div class="full no-padding footer blue centered-text">
|
|
<div class="two spacing"></div>
|
|
<div class="row">
|
|
<div class="small-12 columns">
|
|
<p>Made with <i class="fa fa-heart" style="color: red;" aria-hidden="true"></i> in <a href="https://en.wikipedia.org/wiki/Tirana" target="_blank">Tirana, Albania</a><p>
|
|
<div class="one spacing"></div>
|
|
<ul class="socials">
|
|
<li><a href="https://twitter.com/uracreative" target="_blank"><i class='fab fa-twitter'></i></a></li>
|
|
<li><a href="https://github.com/uracreative/ura.design/" target="_blank"><i class='fab fa-github'></i></a></li>
|
|
</ul>
|
|
<p>Committed to Free Software, Internet Freedom, and <a href="http://opensourcedesign.net/">Open Source Design</a></p>
|
|
<p> Trademarks are property of their respective owners. All site content, unless otherwise noted, is licensed <a href="http://creativecommons.org/licenses/by-sa/4.0">CC BY-SA 4.0 International</a> by Ura Design</p>
|
|
<p><a href="https://tinyletter.com/uracreative/archive" target="_blank">Newsletter Archive</a></p>
|
|
<p><a href="/privacy-policy" target="_blank">Privacy Policy</a></p>
|
|
<div class="two spacing"></div>
|
|
<p class="back-to-top"><a href="#"><i class="fas fa-chevron-up"></i>Back to top</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="spacing"></div>
|
|
</div>
|
|
|
|
<script src="/bower_components/jquery/dist/jquery.min.js"></script>
|
|
<script src="/bower_components/foundation/js/foundation.min.js"></script>
|
|
<script src="/js/jquery.superslides.min.js"></script>
|
|
<script src="/js/slick.min.js"></script>
|
|
<script src="/js/wow.min.js"></script>
|
|
<script src="/js/jquery.validate.js"></script>
|
|
<!-- <script src="/bower_components/countto/jquery.countTo.js"></script> -->
|
|
<script src="/bower_components/appear/jquery.appear.js"></script>
|
|
<script src="/bower_components/modernizr/modernizr.js"></script>
|
|
<script src="/js/app.js"></script>
|
|
<script src="/js/svg.js"></script>
|
|
<script src="/js/cookie.js"></script>
|
|
<script src="/js/lazyload.min.js"></script>
|
|
|
|
<script>
|
|
var myLazyLoad = new LazyLoad({
|
|
elements_selector: ".lazy"
|
|
});
|
|
</script>
|
|
|
|
<!-- Matomo -->
|
|
<script type="text/javascript">
|
|
var _paq = _paq || [];
|
|
/ tracker methods like "setCustomDimension" should be called before "trackPageView" /
|
|
_paq.push(["setCookieDomain", "*.ura.design"]);
|
|
_paq.push(['trackPageView']);
|
|
_paq.push(['enableLinkTracking']);
|
|
(function() {
|
|
var u="//analytics.ura.design/";
|
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
|
_paq.push(['setSiteId', '2']);
|
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
|
})();
|
|
</script>
|
|
|
|
<noscript><p><img src="//analytics.ura.design/piwik.php?idsite=2&rec=1" style="border:0;" alt="" /></p></noscript>
|
|
<!-- End Matomo Code -->
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|