Brand, Head and Fonts


Brand and head config let the consumer provide visible identity and browser metadata while Nivel handles consistent injection through the docs shell.

JavaScript
const docsConfig = {
  brand: {
    text: 'Nivel',
    href: '/',
    logoLight: '/logo-light.svg',
    logoDark: '/logo-dark.svg',
    logoAlt: 'Nivel logo'
  },
  head: {
    faviconSvg: '/favicon.svg',
    faviconIco: '/favicon.ico',
    appleTouchIcon: '/apple-touch-icon.png'
  }
}

Fonts

By default, Nivel can inject reusable font loading. Set customFonts: false when the consumer should own all font loading through CSS or custom head config.

JavaScript
const docsConfig = {
  customFonts: false
  // ...
}

For theme names and palette ownership, read Theme Configuration.