Six production-ready footer designs built with Sass v2 and the same Header/Body/Footer data contract.
Change one parent class — footer-1 through footer-6 — and the entire footer transforms without changing the data.
Every variant uses the same Header/Body/Footer data shape. Change the parent class to restyle the full footer without changing the section data.
Corporate/SaaS footer with dark gradient, muted links, and subtle social pills.
Modern CSS framework with AI-readable contracts.
Getting Started
Components
Utilities
API Reference
AI Quick Start
Databoard
Documentation/product footer with white background, clean borders, and high readability.
Clean footer for docs and white-label products.
Features
Pricing
Changelog
Documentation
Tutorials
Blog
Creative footer for agencies, portfolios, and campaigns.
Bold gradients for expressive brands.
Branding
Web Design
Motion
Case Studies
Gallery
Awards
Ultra-clean footer for personal sites, writing, and quiet brands.
Minimal footer for blogs and writing.
Essays
Notes
Archive
RSS
Mastodon
Email
Developer/fintech footer with navy background and precise blue accents.
Dark blue footer for technical products.
CLI
SDK
API Docs
Privacy
Terms
Security
Orange-accented dark footer for ANTSAND properties and open-source projects.
AI-readable CSS and H/B/F website contracts.
Getting Started
Components
Templates
GitHub
ShivasNotes
YouTube
{"section":{"container":{"css_class":"footer-6"}},"data":{"container":{"css_class":"data-container"},"sub_container":{"css_class":"data-sub-container"},"h3":{"css_class":"data-h3"},"links":{"css_class":"footer-link"}}}
© 2026 ANTSAND — footer-1 demo
© 2026 Creative Studio — footer-3 demo
© 2026 ANTSAND Styles v2 — footer-6 demo
AI-readable CSS, Header/Body/Footer contracts, and generated-site hardening across the ANTSAND ecosystem.
ANTSAND Styles v2 - Open Source CSS Framework