Footer
Figma Component: 20803-595854
GitHub Issue: #16
Last modified with commit 449aa34 on
by Sara Deric.
Multi-column footer section with site branding, navigation links, support information, and related site logos. Adapts across different brand sites (Collegium, Mondial, Collegium CRO, Cooltura) and responsive breakpoints.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display primary section | Shows logo with gradient line separator, followed by columns of navigation links and an outlined support section. Content adapts based on brand site variant. |
| system | Render headline link indicator | When a column headline is configured as a link, the system automatically renders a right-facing arrow indicator next to the title and marks the element as interactive at render time. |
| system | Choose footer type per page | When creating a page, select whether it uses the default site footer or an independent site footer variant. The chosen option determines which footer content and layout are rendered for that page. |
| system | Display secondary section | Shows related site logos with gradient line separator and copyright text. Logo count and arrangement adjusts per brand. |
| system | Stack sections on mobile | On mobile, columns reflow to vertical stacking with reduced padding and adjusted spacing. Logos display in one horizontal line when space allows, wrapping to multiple rows if too many are present. |
| editor | Configure navigation columns | Each column contains a headline (uppercase) with arrow icon indicator (if href is also added), and list of links. Number of columns may vary depending on the brand. |
| editor | Configure support box | Outlined column displays headline, descriptive text, and call-to-action button with arrow icon. Text content is editable. |
| editor | Configure footer links | List items within columns are editable. Links can be added, removed, or reordered. |
| editor | Configure copyright text | Small text in secondary section showing copyright year and company name. Editable and brand-specific (e.g., "Copyright © 2025 Collegium"). |
| user | Navigate footer links | All footer links are clickable and navigate to their configured destinations. Column headers (e.g., "Doživetja") are clickable links if a corresponding listing/archive page exists for that category; otherwise they remain as static headings. |
| user | Click support button | Button in outlined column displays hover state and navigates to support or help page when clicked. Contains label and right-facing arrow icon. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop |  |
| Mobile |  |