Footer

Footer

Footer is the site-wide bottom section containing navigation links, company information, social media, and legal disclaimers.

Visual Specifications

Property	Value
Background	Dark (#001A41) or light
Text Color	White (dark bg), Dark (light bg)
Padding	40-60px vertical
Column Count	3-5 columns
Column Gap	24-32px
Font Size	14px (links), 12px (legal)

Layout Variants

Standard Minimal Centered

Multi-column layout with logo, links, social, legal

Simplified with essential links only

Single column with centered content

Content Sections

Section	Content	Links
Company	About, Careers, Press	3-5 links
Product	Features, Pricing, Docs	3-6 links
Support	Help, Contact, FAQ	3-5 links
Legal	Terms, Privacy, Cookies	2-4 links
Social	Facebook, Twitter, LinkedIn	3-5 icons

Responsive Behavior

Breakpoint	Changes
Desktop	4-5 columns, full layout
Tablet	2-3 columns, stacked
Mobile	1-2 columns, collapsible sections

Link Organization

Pattern	Usage
By Topic	Product, Company, Support
By User Type	Customer, Partner, Developer
By Task	Learn, Buy, Support

Usage Guidance

When to use

• All public pages
• Consistent site navigation
• Legal and compliance requirements
• Company information

Best practices

✅ Do	❌ Don’t
Group related links	Random link organization
Clear column headings	Ambiguous sections
Include required legal	Missing compliance links
Test on mobile	Broken mobile layout
Consistent across site	Varying footer content
Current year copyright	Outdated dates

Legal Requirements

Element	Purpose
Copyright	IP protection
Privacy Policy	Data compliance
Terms of Service	Legal agreement
Cookie Policy	GDPR compliance

Accessibility

• Keyboard navigable links
• Proper heading structure
• Accessibility landmarks
• Sufficient color contrast
• Focus visible indicators