Block · C-050 · storefront

Footer

A four-column footer on the inverse surface, with a company block, legal links and a closing note.

Install

Blocks compose Koten primitives; install koten-theme first.

npx shadcn@latest add https://koten.codehive.com.co/r/footer.json

Anatomy

This block composes Koten primitives. Read the source files before changing it.

@/components/patterns/footer.tsx
@/lib/koten/cn.ts
@/lib/koten/format.ts
@/lib/koten/intl.ts
@/lib/koten/labels.ts
@/lib/koten/provider.tsx

Accessibility

Columns live in a <nav> with aria-label and each one uses a level-2 heading.
Links keep an underline on hover and the system's visible focus ring.
Text on the inverse surface keeps AA contrast and never drops below 12 px.
The closing note is real text, not an image holding legal conditions.

Read the whole page