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>© 2026 Plus234Feed · <a href="#">Terms</a> · <a href="#">Privacy</a> · <a href="#">Copyright</a> · <a href="#">Disclaimer</a></p>
</div>
</div>
</footer>Rules
- Group by what a reader wants, not by how the codebase is organised.
- Say plainly what the site is in the legal block: it summarises other outlets and links to the originals. That sentence is the licence to exist, and it should not be buried on an About page.
- Let the columns reflow on their own. Four groups become two on a tablet and one on a phone without a breakpoint for each.
- Do not put a newsletter form here. It belongs in the article flow, where someone has just finished reading. See Subscribe.
- Do not list every page on the site. The sitemap does that, and it is for crawlers.
- Do not hide the footer on some routes and show it on others. One footer, every page.
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