Ledger: Mac app
A five-page site for a Mac app: an interactive desktop hero, a menu-bar tour, a native-features bento, a device lineup, license-or-subscription pricing, a download page, release notes and support.
@ballmac
A five-page site for a Mac app: an interactive desktop hero, a menu-bar tour, a native-features bento, a device lineup, license-or-subscription pricing, a download page, release notes and support.
@ballmac
// Ballmac UI: Ledger template fonts. https://ui.ballmac.com/templates/template-ledger
import { Inter, Newsreader } from "next/font/google"
/** The italic serif used for one emphasised word per heading. Body text uses the system font, like a Mac app. */
export const ledgerSerif = Newsreader({ variable: "--ledger-serif", subsets: ["latin"], style: ["normal", "italic"], display: "swap", preload: false })
/** Used where San Francisco is not installed (Windows, Linux, Android), so the page looks the same everywhere. */
export const ledgerSans = Inter({ variable: "--ledger-sans", subsets: ["latin"], display: "swap", preload: false })
Pages are at /ledger, /ledger/download, /ledger/pricing, /ledger/changelog and /ledger/support. The light and dark palettes are the ledgerCss string in ledger-theme.tsx.
