Giant Wordmark Footer
A footer that ends with the brand's name set edge to edge, its letters springing up into view.
Controls
<FooterGiantWordmark />About
Built on Footer Wordmark. In Standard's proposed curated Pro set. (The block is footer-giant-wordmark because footer-wordmark is the component.)
Use it when
- The brand name is short and strong.
Skip it when
- A long name: it shrinks to fit and loses impact; use
footer-columns.
Install
The demo above is live today. Installing Pro items opens with VibeBox Motion Pro; join the waitlist to hear first.
Code
The source is part of VibeBox Motion Pro.
Licensed per seat; it installs with the same shadcn command once Pro opens.
See Pro and join the waitlistContent
Typed slots from schema.ts. Facts (hours, prices, quotes, names) come only from the business; until then they render as fill-ins.
| Slot | Label | Type | Limit | Fact |
|---|---|---|---|---|
| brand.name | Business name | text | 40 chars | — |
| brand.descriptor | Trade line | text | 32 chars | — |
| brand.logo | Logo | image | — | — |
| brand.mark.shape | Mark shape | choice | — | — |
| brand.mark.content | Mark content | choice | — | — |
| brand.mark.glyph | Mark glyph | choice | — | — |
| brand.mark.initial | Mark initial | text | 2 chars | — |
| brand.mark.ring | Mark ring | flag | — | — |
| blurb | About line | text | 160 chars | — |
| columns | Link columns | list | up to 4 | — |
| columns[].title | Column title | text | 24 chars | — |
| columns[].links | Links | list | up to 8 | — |
| columns[].links[] | Link | link | 40 chars | — |
| channels | Ways to reach you | list | up to 4 | — |
| channels[].kind | Channel | choice | — | — |
| channels[].label | Label | text | 24 chars | — |
| channels[].value | Value | fact | 120 chars | Yes, a fill-in until given |
| legal | Legal links | list | up to 4 | — |
| legal[] | Legal link | link | 40 chars | — |
| credit | Credit | link | 40 chars | — |
Variants
Fulldefault
full
Brand and channels left, columns right, wordmark beneath.
Compact
compact
Brand on top, columns and channels side by side, wordmark beneath.
Accessibility and motion
- Keyboard
- Brand, links, legal, credit.
- Screen readers
- A footer with a named navigation; the wordmark is decorative (the brand is named above it).
- Touch
- Nothing depends on touch.
- Reduced motion
- The wordmark is in place.
Edge cases and limits
- The credit line comes from content; absent when removed.
Related
A footer led by the brand as an equalizer wordmark whose letters bounce like levels on hover and focus.
Footers block · Server
Column Footer
FreeLinks, contact details and legal pages: the brand and a line with link columns, or one compact row.
Footers block · Server
Editorial Hero
FreeA magazine opening: a large serif headline, the intro and actions, tags, and the photo framed tall or set as a band.
Heroes block · Server