+234 Design System

Footer

The bottom of every page. Link groups, then the legal line. Replaces SiteFooter, ConditionalFooter and SidebarFooter.

Footer

HTML
<footer class="p234-footer" style="margin-top:0">
  <div class="p234-footer__in" style="padding-inline:0">
    <div class="p234-footer__groups">
      <div>
        <p class="p234-footer__title">News</p>
        <ul>
          <li><a href="#">Top stories</a></li>
          <li><a href="#">Politics</a></li>
          <li><a href="#">Business</a></li>
          <li><a href="#">World</a></li>
        </ul>
      </div>
      <div>
        <p class="p234-footer__title">Data</p>
        <ul>
          <li><a href="#">Cost of living</a></li>
          <li><a href="#">Markets</a></li>
          <li><a href="#">Elections</a></li>
          <li><a href="#">Know your rep</a></li>
        </ul>
      </div>
      <div>
        <p class="p234-footer__title">Developers</p>
        <ul>
          <li><a href="#">Intel API</a></li>
          <li><a href="#">MCP server</a></li>
          <li><a href="#">Webhooks</a></li>
          <li><a href="#">RSS</a></li>
        </ul>
      </div>
      <div>
        <p class="p234-footer__title">About</p>
        <ul>
          <li><a href="#">About us</a></li>
          <li><a href="#">Contact</a></li>
          <li><a href="#">Publishers</a></li>
          <li><a href="#">Careers</a></li>
        </ul>
      </div>
    </div>
    <div class="p234-footer__legal">
      <p>Plus234Feed summarises reporting from Nigerian and international outlets, and links to every original. Figures from the National Bureau of Statistics and the Nigerian Exchange are reproduced with their publication dates.</p>
      <p>&copy; 2026 Plus234Feed &middot; <a href="#">Terms</a> &middot; <a href="#">Privacy</a> &middot; <a href="#">Copyright</a> &middot; <a href="#">Disclaimer</a></p>
    </div>
  </div>
</footer>

Rules

Links are real text

The footer is where internal linking does quiet, durable work. Google reaches most of this archive through a small number of referring pages, so these links are not decoration: they are how the data pages get found at all.

Tokens this component reads

--p234-color-ink--p234-color-ink-muted--p234-color-rule--p234-type-kicker-*--p234-type-ui-sm-*--p234-type-caption-*--p234-space-3--p234-space-7--p234-space-8--p234-layout-container--p234-border-heavy