Smoked Footer Strip
A dark, editorial-style footer designed for media, news, and publishing websites.
Features
- 4-column responsive grid layout mimicking newspaper footer design
- Brand section with logo icon, tagline, and 5 social media icon links
- Sections column with 6 content category links
- Company column with 5 corporate links
- Newsletter signup with email input, subscribe button, and reader count badge
- Bottom bar with copyright and legal links separated by a thin divider
- Smoky charcoal palette (#2B2B2B) with amber (#FFB000) accent highlights
- Full dark mode deepening to #141414 with golden amber accents
- Archivo + Public Sans font pairing for editorial feel
Dependencies
@/components/vue-ui/button@/components/vue-ui/badge@/components/vue-ui/separator@/components/vue-ui/inputlucide-vue-next
Customization
- Brand: Replace 'The Chronicle' with your publication name
- Sections: Update the
sections array with your content categories
- Company links: Modify the
company array
- Social icons: Update the
socials array with your social profiles
- Colors: Swap charcoal (#2B2B2B) and amber (#FFB000) for your palette
