---
layout: default
title: Brand Guidelines
permalink: /brand-guidelines/
---

<div class="bordered-bottom bordered-light
  pt-5 pt-md-5
  pb-4 pb-md-5 
  mb-5 mb-md-5
">
<div class="container">
  <div class="row">
    <div class="
      col-sm-7 col-sm-offset-1
      col-lg-6 col-lg-offset-1
    ">
      <h1 class="h1-lg domd mb-3">Brand Guidelines</h1>

      <p>
        A introduction to the Generation Tux design language.
      </p>
    </div><!-- /col -->
  </div><!-- /row -->
</div><!-- /container -->
</div>


{% for page in site.brand-guides %}
  
  <div class="container py-5">
    <div class="row">
      <div class="col-sm-12 bg-gray-lighter-right-11 py-5">
        <h2 class="domd">{{ page.title }}</h2>
      </div>
    </div>
    <div class="row">
      <div class="bg-gray-lighter col-sm-11 col-sm-offset-1 pb-5">
        <div class="row">
          <div class="col-xs-offset-1 col-xs-10">
            {{ page.content }}
          </div>
        </div>
      </div>
    </div>
  </div>

{% endfor %}


<div class="container mt-5">
  <div class="row">
    <div class="col-sm-12">
      <h2 class="context--copy domd">Next Steps</h2>
    </div><!-- /col -->
  </div><!-- /row -->
</div>

<div class="container">
  <div class="row">
    <div class="col-sm-8">
      <a href="{{ site.baseurl }}/brand-assets/" class="
        panel-link
        link-style-clear d-block 
        p-4
        mb-4
      ">
        <h3 class="h4">View the Assets</h3>
        <p>Logos, graphic elements, images, etc.</p>
        <div class="text-right"><span class="glyphicon glyphicon-arrow-right"></span></div>
      </a>
    </div>
  </div>
</div><!-- /container -->