All categories

footer/*

Footers

Multi-column links with brand, or minimal single-row.

2 variants

Understanding Footers

The footer is the site's index and trust anchor — visitors scroll there deliberately looking for secondary navigation, legal links, contact details and social proof. It catches everything that doesn't belong in the primary nav without cluttering it.

Vireya offers a multi-column layout with brand and link groups, and a minimal single-row footer for lighter pages.

When to use

  • Comprehensive secondary navigation and legal links on a full site.
  • A minimal single-row footer for landing pages or apps.
  • Anchoring brand, contact and social links at the bottom of the page.

When to avoid

  • Duplicating the entire primary navigation rather than complementing it.
  • Hiding genuinely important actions only in the footer.

Best practices

  • Group links into clear, labelled columns (Product, Resources, Company).
  • Include the essentials: contact, legal, social, and a brand mark.
  • Keep a minimal footer for focused landing pages to avoid distraction.
  • Use consistent link styling and adequate tap targets.

Accessibility

  • Wrap the footer in a contentinfo landmark.
  • Label link groups with headings so the structure is navigable.
  • Ensure link contrast meets AA against the footer background.

Frequently asked questions

What belongs in a website footer?
Secondary navigation grouped into labelled columns, legal and policy links, contact details, social links and a brand mark. It's where visitors deliberately look for the links that don't earn a place in the primary nav.
Minimal or multi-column footer — which should I use?
Use a multi-column footer for a full site with lots of secondary links, and a minimal single-row footer for focused landing pages or apps where a heavy footer would distract from the primary action.