Footer prompt
The end of every page: brand, links and the legal line.
Prompt
Prompt
Use the klarhimmel-design skill. Build the footer for {brand}: link groups {groups}. Install: npx shadcn add @klarhimmel/footer-columns @klarhimmel/footer-simple @klarhimmel/footer-centered @klarhimmel/footer-wordmark (remove what you do not use) Pick: - footer-columns: up to 4 link columns, optional newsletter; the default - footer-simple: one quiet row - footer-centered: five or six pages and social links - footer-wordmark: the brand set huge, up to 3 columns Props: brand, tagline, columns of { title, links }; legal and legalLinks (privacy, terms). footer-wordmark brand ≤16 characters. Copy: Plain link names. The legal line has the real company and year; samples use a fictional company. Accessibility: It is the page's contentinfo landmark. Link groups have headings. A newsletter field inside needs a label. Never: viewport variants (md:, lg:), style=, text or images outside Text and Media, fields the schema lacks. Shorten copy to fit the limits. Done when: privacy and terms linked; no empty link; brand within its limit.
Variables
| Variable | What to fill in | Example |
|---|---|---|
{brand} | The name | Exempelhotellet |
{groups} | Up to four groups of links | Stay, Eat, Company, Legal |
A good result
Privacy and terms linked. No empty link. Brand within its limit.
- [ ] privacy and terms linked
- [ ] no empty link
- [ ] brand within its limit