Components

SiteFooter

Dark footer with logo, product/company/contact columns, copyright and Bento Development attribution.

6 tokens

Preview

Usage

import { SiteFooter } from '@/components/site-footer'

<SiteFooter />

Tokens used

This component reads these tokens directly: change one on a Foundations page and it updates here and across the site.

Footer--ds-footer
#0A0A0A
Text muted--ds-text-muted
#6B7280
Border--ds-border
#E5E7EB
Content max width--ds-content-max
1920px
Content padding X--ds-content-px
5rem
Small--ds-small
0.875rem
    SiteFooter — Design system — BentoSMS