Footer

The footer's defaults are in src/config/site.json → footer. Each demo overrides what it needs in its own demo.json → footer.

src/demos/restaurant/demo.json

"footer": {
  "style": "columns",
  "tone": "dark",
  "about": "Seasonal cooking on the Portland waterfront since 2012.",
  "columns": [
    { "title": "Visit", "links": [
      { "label": "Menus", "href": "menu.html" },
      { "label": "Private dining", "href": "private-dining.html" }
    ] },
    { "title": "Company", "links": [
      { "label": "About", "href": "about.html" },
      { "label": "Careers", "href": "careers.html" }
    ] }
  ],
  "newsletter": true,
  "copyright": "© {year} {name}. All rights reserved.",
  "credit": ""
}

Setting	Meaning
`style`	`"columns"`: logo, about text and socials, link columns and a contact column. `"simple"`: centred logo, a row of links and socials.
`tone`	Background: `"dark"`, `"light"`, `"alt"` or `"primary"`.
`about`	Short text under the logo.
`columns`	Link columns. Two columns fit best with the contact column; the simple style shows up to 6 links from all columns in one row.
`newsletter`	`true` adds an email sign-up box under the contact details. Connect it with `newsletterAction` (see Forms).
`copyright`	`{year}` and `{name}` are filled in for you.
`credit`	Small text on the right of the bottom bar. `""` hides it.

The contact column uses the demo's contact block or the details in site.json; social icons come from site.json → social. See Name, logo and contact details.

A demo's footer replaces whole settings from site.json: if a demo sets columns, its columns replace the default ones entirely.