Genie dark footer with demo CTA

Genie dark footer with demo CTA, dark-mode, minimal, dark

Preview image. Unlock full-res

Dark footer block combining a centered demo CTA with sparkle accents, then logo, nav links, social icons, and copyright.

Industryb2b, ecommerce, saas
Palette
#1A1A1A
#FFFFFF
#8A8A8A
#FF6B2C

Summary

A charcoal footer section that opens with a large demo call-to-action, then resolves into standard site navigation, social links, and legal copy.

Visual description

Near-black background with subtle glowing star sparkles at the corners. Upper area is a centered CTA: white bold headline "Experience the magic." followed by gray subhead "Take Genie for a test drive." and a light gray paragraph inviting users to book a demo. A bright orange rounded button labeled "Get early access" with a right arrow sits below. The lower footer row spans full width: left shows an orange circle lightning-bolt mark with "Genie" wordmark in white; center lists four muted nav links (Benefits, Features, Resources, FAQs); right holds small gray Twitter and LinkedIn icons. A faint centered copyright line reads "Genie Internet Technologies LTD 2023."

Key takeaway

Stacking a high-contrast CTA above a quiet utility footer keeps conversion energy without redesigning the whole page end. Orange on charcoal gives one unmistakable action on an otherwise muted dark band.

Reuse notes

Useful for SaaS home pages that want a final demo push before exit. The sparkle treatment ties back to the Genie brand metaphor. Works only on dark backgrounds; the orange CTA needs room to breathe on mobile.

More footer sections

See all

More like this