The website of Ura Design
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.

230 lines
7.9 KiB

7 years ago
---
layout: default
section_id: home
slides:
- text: Ura is <span>amazing</span>
7 years ago
button:
text: Check it out
url: about
bg_color: "#3399d4"
7 years ago
image: images/@stock/half-1.jpg
- text: Less is <span>more</span>
7 years ago
button:
text: Case study
url: about
7 years ago
bg_color: "#c9c9c9"
image: images/@stock/half-3.jpg
- text: Do a <span>happy</span> dance
7 years ago
button:
text: Case study
url: about
bg_color: "#3399d4"
7 years ago
image: images/@stock/half-4.jpg
- text: It's the <span>perfect</span> droplight
7 years ago
button:
text: Case study
url: about
7 years ago
bg_color: "#E4A48B"
image: images/@stock/half-5.jpg
works_left:
- title: Open Labs Hackerspace
7 years ago
link_to: portfolio-item.html
image: images/@stock/work-1.jpg
categories: Brand
- title: FSFE
7 years ago
link_to: portfolio-item.html
image: images/@stock/work-20.jpg
categories: Website, print
- title: OONI
7 years ago
link_to: portfolio-item.html
image: images/@stock/work-22.jpg
categories: Website
works_right:
- title: Software Freedom Kosova
7 years ago
link_to: portfolio-item-2.html
image: images/@stock/work-3.jpg
categories: Website
- title: Mozilla
7 years ago
link_to: portfolio-item.html
image: images/@stock/work-5.jpg
categories: Graphic, brand
testimonials_left:
- author: Jeff Beatty - Mozilla
content: “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.”
avatar: images/@stock/jeffbeatty.png
- author: Benjamin Kerensa - Glucosio
content: “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.”
avatar: images/@stock/benjaminkerensa.png
7 years ago
testimonials_right:
- author: Patrick Schleizer - Whonix
content: “I highly recommend Ura. The quality of their work rates, responsiveness, community engagement and patience is exemplary. I am looking forward to further cooperation.”
avatar: images/@stock/patrickschleizer.png
- author: Simply Secure
content: “Ura did a great job understanding 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 and professional result while navigating the complexities of a large, distributed volunteer organization.”
avatar: images/@stock/simplysecure.png
7 years ago
clients:
- image: images/@stock/mozilla.png
url: https://mozilla.org
- image: images/@stock/tor.png
url: https://www.torproject.org/
- image: images/@stock/linuxfoundation.png
url: https://www.linuxfoundation.org
- image: images/@stock/fsfe.png
url: https://fsfe.org/
- image: images/@stock/ooni.png
url: https://ooni.torproject.org/
7 years ago
---
<div class="full no-padding" style="height: 100vh;">
<div id="slides">
<div class="slides-container">
{% for slide in page.slides %}
<div class="slide">
<div class="slide-info">
<p>{{ slide.title }}</p>
<h1>{{ slide.text }}</h1>
<div class="three spacing"></div>
<a href="{{ slide.button.url }}" class="button boxed black">{{ slide.button.text }}</a>
</div>
<div class="slide-left" style="background-color: {{ slide.bg_color }};">
</div>
<div class="slide-right" style="background: url({{ slide.image }}) center center no-repeat;background-size: cover;">
</div>
</div>
{% endfor %}
</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">
7 years ago
<div class="section-title">
<div class="row">
<div class="medium-10 medium-centered columns">
<img src="images/@stock/icon.svg" alt="" class="wow flipInY" data-wow-duration="2s" data-wow-delay="0.1s">
7 years ago
<div class="spacing"></div>
<h2>Design, but Open</h2>
7 years ago
</div>
</div>
</div>
<div class="row">
<div class="large-10 large-centered columns">
<p>Ura is the design agency for fellow open source projects, founded by a passionate team of open source contributors.</p>
<p>We love Free & Open Source Software, however we also believe that there is a lack of good design in many open source projects, which we want to change. We are here to help with branding, user experience, user research, interaction design and help open source getting its message across.</p>
<p>Our work is seen on dozens of open source projects from famous brands like Mozilla, Tor and SitePoint.</p>
<div class="two spacing"></div>
<div class="centered-text">
<a href="about" class="button boxed blue">Learn more</a>
</div>
7 years ago
</div>
</div>
7 years ago
</div>
7 years ago
<div class="full no-padding">
<div class="four spacing"></div>
<div class="spacing"></div>
<div class="section-title">
<div class="row">
<div class="medium-10 medium-centered columns">
<h2>Recent works</h2>
<p>You will love we have done</p>
</div>
</div>
</div>
<div class="row">
<div class="large-6 columns">
<div class="gallery-left-section">
{% for work in page.works_left %}
<div class="work-wrapper">
<a href="{{work.link_to}}" class="work">
<img src="{{site.baseurl}}/{{work.image}}" alt="">
7 years ago
<div class="info">
<h3>{{work.title}}</h3>
<p>{{work.categories}}</p>
</div>
</a>
</div>
{% endfor %}
</div>
</div>
<div class="large-6 columns">
<div class="gallery-right-section">
{% for work in page.works_right %}
<div class="work-wrapper">
<a href="{{work.link_to}}" class="work">
<img src="{{site.baseurl}}/{{work.image}}" alt="">
7 years ago
<div class="info">
<h3>{{work.title}}</h3>
<p>{{work.categories}}</p>
</div>
</a>
</div>
{% endfor %}
</div>
</div>
</div>
<div class="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>
7 years ago
</div>
</div>
</div>
<div class="row">
<div class="large-6 columns">
{% for testimonial in page.testimonials_left %}
<div class="quote wow slideInLeft" data-wow-delay="{{ 0.2 | times:forloop.index0 }}s">
<div class="row">
<div class="small-3 columns">
<img src="{{testimonial.avatar}}" alt="auhor">
</div>
<div class="small-9 columns">
<p>{{testimonial.content}}</p>
<p class="author">{{testimonial.author}}</p>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="large-6 columns">
{% for testimonial in page.testimonials_right %}
<div class="quote reverse wow slideInRight" class="wow" data-wow-delay="{{ 0.3 | times:forloop.index0 }}s">
7 years ago
<div class="row">
<div class="small-3 columns">
<img src="{{testimonial.avatar}}" alt="auhor">
</div>
<div class="small-9 columns">
<p>{{testimonial.content}}</p>
<p class="author">{{testimonial.author}}</p>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
<div class="full light-grey no-padding">
<div class="two spacing"></div>
<div class='row'>
<div class='large-12 columns'>
<div class='clients'>
{% for client in page.clients %}
<div><a href="{{client.url}}" target="blank"><img alt="" src="{{site.baseurl}}/{{client.image}}"></a></div>
7 years ago
{% endfor %}
</div>
</div>
</div>
<div class="two spacing"></div>
</div>