Footer

When to Use

Variants

One footer, identical everywhere, is the point — so the options array trims regions rather than restyling them. hide_level_up drops the grid, hide_phases hides named phases within it, and pages on the legacy includes/footer.php pass the same array through $ws_footer_options. Reach for these only where a page already says the same thing in its own body. The three regions it composes are:

<?= ws_footer() ?>

<?= ws_footer(['hide_level_up' => true]) ?>

// legacy include, set before requiring includes/footer.php
$ws_footer_options = ['hide_level_up' => true];

States

Real-World Usage

The standard page close. Because the component is self-contained, a page needs nothing else at the bottom — no extra stylesheet, no toast container, no auth script.

<?php
require_once 'config.php';
$header_section = 'library';
require_once 'includes/header.php';
?>

<main>
    <!-- …page content… -->
</main>

<?= ws_footer() ?>
</body></html>

The same call inside an app renders the App Footer rail instead — there's no "hidden" or "compact" mode to reach for, and nothing to change per page.

Options

The link columns, social links, and CTA copy are defined in the template rather than passed in. Change them there so every page moves together.

Accessibility

Tokens

The footer bundles its own styles inline and emits the platform token sheet itself, so it renders correctly even on a page that loads nothing else. It uses the ink surface for the brand bar, the shared type and spacing scales throughout, and the brand red for the CTA — the Level Up grid inside it resolves the phase tokens, all of which are now the same red.

See Level Up Grid for the phase token detail, and Token Reference for current values.

CSS Classes

The footer's own classes are unprefixed (.footer-*, .cta__*) because the styles ship inline with the component rather than in the shared sheet. The grid inside it keeps the .ws-level-up prefix.

Files

Live render

The real component follows, full-bleed. Everything below this line is the footer itself.