Footer
Figma Component: 20803-595854
Last modified with commit c2e01ac on
by Martin Jagodic.
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 | 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, gradient-line separators, columns, and logos reflow to vertical stacking with reduced padding and adjusted spacing. |
| editor | Configure navigation columns | Each column contains a headline (uppercase), optional icon indicator, and list of links. Columns can be shown or hidden per variant. |
| 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. Each link inherits label typography. |
| 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") may be interactive or static depending on page context. |
| 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 | ![]() |

