Skip to content

Update Site Footer to Match Figma Designs #644

@Rutjake

Description

@Rutjake

Enhancement Description

The goal of this issue is to update the global site footer to align with the latest Figma designs. This includes updating the visual styling, replacing assets, and implementing correct routing/links.


🌟 Benefits of the Enhancement

  • Consistent Look & Feel: Ensures the footer aligns with the visual language of the recently redesigned sections, creating a unified user experience across the platform.
  • Enhanced User Experience: Implements modern UI patterns and improved spacing to make the footer more intuitive and visually professional.

🛠️ Proposed Implementation

Layout & Styling

  • Color & Typography: Apply the updated color palette and typography (for both mobile and desktop) as defined in Figma.
  • Spacing: Update margins and padding to match the design specs.
  • Responsiveness: Ensure the layout is fully fluid across mobile, tablet, and desktop breakpoints.

Components & Assets

  • Component Refactor: Update footer components located in shared/ui/v2/Footer/ui/.
  • Localization: Update i18n keys for both Finnish and English strings.
  • Logo Update: Replace the current Hero image/placeholder with the official PRG Logo.

Routing & Navigation

Update the following links (ensure external links open in a new tab with an external link icon, even if not explicitly in Figma):

Label (FI) Route / URL Behavior
Hae meille Duunitori / PRG New Tab (+ Icon)
Mikä on PRG /prg Internal
ALT Zonen historia /about Internal
Kehittäjät ja suunnittelijat /team Internal
Käyttöehdot ja tietosuoja /privacy Internal

📎 Additional Information

  • Assets: If any specific logo files or assets are missing, please contact the issue author or the team producer.

🔗 Figma Designs

📷 Preview:
Image

Image

Metadata

Metadata

Assignees

Labels

enhancementFor improvements to existing features

Type

No type
No fields configured for issues without a type.

Projects

Status

In review

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions