Footers
A Footer is a section at the bottom of a website that typically contains additional information about the site, such as the copyright notice, contact information, and links to related pages or resources. The purpose of a footer is to provide additional information and navigation options for visitors to the site.
Design tips
- Keep it simple: A Footer is not the primary focus of a website, so it's important to keep the design and content simple and easy to scan. Consider organizing the content into clear sections or using a simple layout.
- Include important information: A Footer is a good place to include important information such as the copyright notice, contact information, and links to legal documents such as a privacy policy.
- Use it for navigation: A Footer can also be used to provide links to important pages on the site that might not be accessible from the main navigation menu.
- Use a consistent design: The Footer should match the overall design and branding of the website. This helps to create a cohesive look and feel for the entire site.
- Keep it up-to-date: Make sure to regularly update the content in the Footer, including any legal notices or contact information. This helps to ensure that visitors have access to the most current information.
Show more
Preferences
Webflow Style Guide
Select the Client-First style guide you are using in your project.
Recommended • The Relume Style Guide utilizes the same pre-built classes as the Finsweet Style Guide. However, the Relume Style Guide uses different CSS values for spacing and includes additional elements, such as shadow classes, icon classes, and color palettes. It is actively managed by the Relume team, making it easier for us to provide support.
The Finsweet Style Guide utilizes the same pre-built classes as the Relume Style Guide. It is actively managed by the Finsweet team and is the official style guide for Client-First.
Clone Style Guide
Webflow Spacing Strategy
Select the spacing strategy you’d like the components to use.

In Client-First, a "spacing wrapper" is a Div Block that wraps a child element and creates space between a sibling element.

In Client-First, a "spacing block" is an empty Div Block that creates space between two sibling elements.
Filters
Clear allFree Components
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Categories
Navigation Level

Navigation Level refers to the hierarchy of Topbars and Sidebars in an application shell. See below some rules to follow:
- A Level 3 Sidebar or Topbar should be used on its own.
- A Level 2 Sidebar should be paired with a Level 1 Topbar.
- A Level 1 Sidebar should be paired with a Level 2 Topbar.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Layout
Text Alignment
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Content Alignment
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Columns
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Elements
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Interactions
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Uncommon
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Sorry, no components found
There are no components with this criteria. Try changing your search.