Footer - Minimal
A simple footer with logo, short link list, socials, copyright text, and legal links.
**
**
View a live demo of this partial here.
The following is a detailed listing of the styling edits made to the partial’s sections, the modules used in the sections, and field changes from the modules’ default state.
Section 1
Section Styles
Alignment and spacing > Vertical alignment
Middle
Alignment and spacing > Padding
Top: theme.global.spacing.section / 2
Modules
Content Type
Company Logo
Styles > Module > Alignment
Tablet: Center
Navigation
Navigation Type
Static
Menu Type
Simple
Columns
Tablet: 2
Mobile: 1
Styles > Module > Alignment
Desktop: Center
Styles > Module > Max Width
500
Styles > Main Links > Space between links
60
Styles > Main Links > Space between rows
theme.global.spacing.rows
Styles > Main Links > Text > Alignment
Desktop: Center
Style > Alignment
Desktop: Right
Tablet: Center
Section 2
Section Styles
Alignment and spacing > Padding
Top: theme.global.spacing.sections / 2
Bottom: theme.global.spacing.sections / 2
Modules
**Divider Line
**No changes to default content.
Section 3
Section Styles
Alignment and spacing > Padding
Bottom: 30
Modules
Visible Elements
Body Text
Styles > Module > Alignment
Tablet: Center
Styles > Alignment
Tablet: Center
Utility Items
Utility Type: Link List
Styles > Module > Alignment
Desktop: Right
Tablet: Center
Usage Guide
The minimal footer serves as a clean, professional way to close your HubSpot pages without overwhelming visitors with excessive navigation options. This footer template works exceptionally well for modern business websites, startups, and service-based companies that prioritize clean design over comprehensive site mapping.
When to choose this footer: Select the minimal footer when your primary navigation is already well-established in your header, and you want to maintain visual focus on your main content. This footer excels on landing pages, service pages, and any template where conversion is the primary goal, as it reduces distractions while still providing essential links and contact information.
Customizing your content: In the HubSpot page editor, you can easily swap out the company logo using the Logos module’s content settings. The Navigation module allows you to select which pages appear in your footer links—consider including your most important secondary pages like “About,” “Contact,” or “Privacy Policy.” The responsive design automatically stacks these elements vertically on mobile devices, ensuring readability across all screen sizes.
Design flexibility: While the technical specifications above show the exact styling configuration, you can adjust colors, fonts, and spacing through your theme settings to match your brand. The divider line between sections creates clear visual separation, and the utility links at the bottom provide space for legal requirements like terms of service or cookie policies.
Best practices: Keep your footer navigation concise—typically 4-6 links work best for maintaining the minimal aesthetic. Ensure your social media icons link to active, branded profiles, as these often serve as trust signals for visitors before they convert.