Content Square dark maroon footer with CTA topper

Content Square dark maroon footer with CTA topper, dark-mode, minimal, dark

Preview image. Unlock full-res

Deep maroon footer that opens with an oversized CTA headline and buttons, then a wide multi-column sitemap with a left product nav rail.

Summary

A dark maroon footer that doubles as a final CTA: an oversized headline and two buttons sit above a dense five-column sitemap. The defining move is folding a big call-to-action into the top of the footer before the link grid.

Visual description

On a deep maroon-burgundy background, a large white two-line headline "Get insights that transform" sits upper left, with a white pill "Start for free" button beside an outlined "Book a demo" button. Below and after generous space, a coral "CSQ" mark anchors a left column of product links (Platform Overview, AI, Mobile Apps, Integrations, Technical Documentation), each underlined and ending in a small coral arrow, followed by small social icons and an English language dropdown with a flag. To the right, four link columns under headers (Platform, For Teams / For Industries, Company, Resources / Trust Center) list muted off-white links. A faint divider runs above a bottom row with the copyright and legal links.

Key takeaway

Stacking a full oversized CTA on top of the footer captures intent right before the user leaves. The left product rail with underlined, arrow-tipped links is treated more prominently than the plain text columns, creating a clear primary path through a busy footer. The single coral accent keeps an otherwise monochrome maroon footer feeling branded.

Reuse notes

Good for a content-heavy B2B or analytics SaaS with many destinations to surface. Works on a strong dark brand color where one warm accent can carry the logo, arrows, and social chips. The link density needs the multi-column structure and clear headers to stay scannable.

More footer sections

See all

More like this