A five-page documentation site: search-first landing, a guide with synced language tabs, filterable API reference, search with highlighted matches and a changelog, with ⌘K search in the header.
@ballmac
// Ballmac UI: Docs template fonts. https://ui.ballmac.com/templates/template-docs
import { Instrument_Sans, JetBrains_Mono, Newsreader } from "next/font/google"
export const docsSerif = Newsreader({ variable: "--docs-serif", subsets: ["latin"], display: "swap", preload: false })
export const docsSans = Instrument_Sans({ variable: "--docs-sans", subsets: ["latin"], display: "swap", preload: false })
export const docsMono = JetBrains_Mono({ variable: "--docs-mono", subsets: ["latin"], display: "swap", preload: false })
Pages are at /docs, /docs/guides, /docs/reference, /docs/search and /docs/changelog. Edit navigation, search entries, releases and endpoints in docs-data.ts; edit docsCss in docs-theme.tsx for the palette. Language tabs share one storage key (tern-lang), so a reader's choice follows them across pages.


































