<!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 > Reproducible Builds | Styleguide< / 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 = "Reproducible Builds | Styleguide" >
< meta property = "og:type" content = "article" >
< meta property = "og:description" content = "" / >
< meta property = "og:url" content = "http://localhost:4000/projects/reproducible-builds.html" / >
< 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 href = "/fonts/overpass/overpass.css" rel = "stylesheet" >
< 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" / >
< script src = "/bower_components/modernizr/modernizr.js" > < / script >
< link rel = "canonical" href = "http://localhost:4000/projects/reproducible-builds.html" >
< 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 style = "background-color: #1E5B96;" 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;" > Reproducible Builds Styleguide< / h1 >
< / div >
< / div >
< / div >
< / div >
< div class = "full text" >
< div class = "row" >
< div class = "large-8 columns" >
< img src = "../images/projects/rb_header.png" alt = "" >
< div class = "spacing" > < / div >
< img src = "../images/projects/RB_image_1.png" alt = "" >
< div class = "spacing" > < / div >
< img src = "../images/projects/RB_image_4.jpg" alt = "" >
< div class = "spacing" > < / div >
< img src = "../images/projects/RB_image_2.jpg" alt = "" >
< div class = "spacing" > < / div >
< img src = "../images/projects/RB_image_3.jpg" alt = "" >
< div class = "spacing" > < / div >
< img src = "../images/projects/RB_image_5.jpg" alt = "" >
< div class = "spacing" > < / div >
< / div >
< div class = "large-4 columns" >
< div class = "project-intro" >
< p > < a href = "https://reproducible-builds.org" target = "_blank" > Reproducible Builds< / a > has been the first project we supported as part of the Usability Lab. Reproducible Builds represents a set of software development practices that create an independently-verifiable path from source code to the binary code used by computers. < / p >
< p > We have been in talks with the Reproducible Builds community since late 2017 where they were looking to have a new logo to represent the project. Going a step further, we also decided to work on a fully fledged live style guide. The style guide itself works with JavaScript disabled / Tor High Security mode and is free of any 3rd party components.< / p >
< hr >
< div class = "spacing" > < / div >
< h4 > Date< / h4 >
< p > < span > May, 2018< / span > < / p >
< h4 > Clients< / h4 >
< p > < span > < a href = "https://reproducible-builds.org" target = "_blank" > Reproducible Builds< / a > < / span > < / p >
< h4 > Category< / h4 >
< p > < span > Styleguide< / span > < / p >
< hr >
< a class = "button boxed blog" href = "https://ura.design/2018/06/13/reproducible-builds-styleguide" target = "_blank" > < i class = "fas fa-pencil-alt" > < / i > Blogpost< / a > < br / >
< a class = "button boxed identihub" href = "https://demo.identihub.co/project/reproducible-builds" target = "_blank" > < img src = "../images/projects/identihub.svg" > Identihub< / a > < br / >
< a class = "button boxed reproduciblebuilds" href = "https://reproducible-builds.org" target = "_blank" > < 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 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 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 = "enigmail" class = "work" >
< img src = "../images/projects/enigmail_overview.png" alt = "" >
< div class = "info" >
< h3 > Enigmail Rebranding< / h3 >
< p > Rebranding< / p >
< / div >
< / a >
< / div >
< / div >
< / div >
< / 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 = "fa 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 = "/js/app.js" > < / script >
< script src = "/js/svg.js" > < / script >
< script src = "/js/cookie.js" > < / 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 >