index.html

---
title: OCHA UI guidelines and resources
permalink: /
---
<div class="cd-container sg-container">
  <div class="sg-page-header">
    <h1>Deprecated</h1>
    <p><strong>This styleguide no longer accurately reflects the Common Design.</strong></p>
    <h3>Refer to <a href="https://ochabasic.demo.ahconu.org">OCHA Basic demo</a> or <a href="https://github.com/UN-OCHA/ocha_basic">OCHA Basic Drupal 7 theme repo</a> for markup and styles.
    </h3>
  </div>

  <div class="sg-section__item">
    <div class="row">
      <div class="col-sm-12">
        <h2>OCHA UI guidelines and resources</h2>
        <p>This site is an evolving list of components and resources for OCHA websites.</p>
        <p>The guide is a living document created to meet the needs of OCHA's developers and designers. If you have any
          feedback, questions or comment please contact <a href="mailto:digitalservices@humanitarianresponse.info">digitalservices@humanitarianresponse.info</a>.
        </p>
      </div>
    </div>
  </div>

  <div class="sg-section__item">
    <div class="row">

      <div class="col-sm-6">
        <div class="sg-list">
          <div class="sg-list__item">
            <div class="sg-list__header">
              <h2>Common Design</h2>
            </div>
            <p>A unified design system for OCHA platforms.</p>
            <p><a href="{{ site.baseurl }}/common-design">Common Design</a></p>
          </div>
        </div>
      </div>

      <div class="col-sm-6">
        <div class="sg-list__item">
          <div class="sg-list__header">
            <h2>OCHA Basic Drupal Theme</h2>
          </div>
          <p>OCHA Basic is a minimal starter theme for Drupal incorporating the Common Design header and footer.</p>
          <p><a href="{{ site.baseurl }}/ocha">OCHA Basic theme</a></p>
        </div>
      </div>

    </div>
  </div>
</div>