.png?fit=max&auto=format&n=AyzhRn9-CO-nDNc4&q=85&s=63c78e2325701880237e6cbce1399c2a)
.png?fit=max&auto=format&n=AyzhRn9-CO-nDNc4&q=85&s=0db283df6e4d31745079d6d03fd029ed)
footer section renders your site’s global footer. It displays a brand name, an optional tagline, an optional contact email address, copyright text, and a list of footer navigation links. Like the Header, the footer is typically authored once in site.json and shared across all pages via a $ref.
Data fields
string
required
The brand or site name displayed in the footer — for example
"Inkwell". Rendered as the footer’s primary wordmark.string
Optional short phrase rendered beneath the brand name — for example
"Notes on the craft of making software.". Supports a slightly longer value than a heading.string
Optional contact email address rendered as a
mailto: link — for example "hello@inkwell-journal.example". Omit to hide the email row.string
required
Copyright notice rendered at the bottom of the footer — for example
"© 2026 Inkwell Journal. Written slowly, shipped quietly.".Optional array of footer navigation links. Each item has the following fields:
Settings fields
boolean
When
true, renders a logo mark alongside the brandText. When false (default), only the text wordmark is shown."none" | "sm" | "md" | "lg" | "xl"
Vertical padding applied above the section.
"none" | "sm" | "md" | "lg" | "xl"
Vertical padding applied below the section.
JSON example
When authored inline in a page file:site.json, reference it from each page’s sections array:
Typical page usage
Thefooter section should appear as the last section in every page’s sections array. Define it once in src/data/config/site.json and reference it from each page with a $ref — identical to the pattern used for the Header. A single edit in Studio updates the footer everywhere.