{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "template-ledger", "title": "Ledger: Mac app", "author": "Ballmac ", "description": "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.", "dependencies": [ "lucide-react" ], "registryDependencies": [ "utils", "https://ui.ballmac.com/r/blur-fade.json", "https://ui.ballmac.com/r/changelog-1.json", "https://ui.ballmac.com/r/devices-1.json", "https://ui.ballmac.com/r/download-1.json", "https://ui.ballmac.com/r/faq-2.json", "https://ui.ballmac.com/r/features-7.json", "https://ui.ballmac.com/r/kbd.json", "https://ui.ballmac.com/r/mac-icons.json", "https://ui.ballmac.com/r/pricing-4.json", "https://ui.ballmac.com/r/showcase-1.json" ], "files": [ { "path": "registry/ballmac/components/templates/ledger/ledger-fonts.ts", "content": "// Ballmac UI: Ledger template fonts. https://ui.ballmac.com/templates/template-ledger\nimport { Inter, Newsreader } from \"next/font/google\"\n\n/** The italic serif used for one emphasised word per heading. Body text uses the system font, like a Mac app. */\nexport const ledgerSerif = Newsreader({ variable: \"--ledger-serif\", subsets: [\"latin\"], style: [\"normal\", \"italic\"], display: \"swap\", preload: false })\n\n/** Used where San Francisco is not installed (Windows, Linux, Android), so the page looks the same everywhere. */\nexport const ledgerSans = Inter({ variable: \"--ledger-sans\", subsets: [\"latin\"], display: \"swap\", preload: false })\n", "type": "registry:component", "target": "@components/ballmac/templates/ledger/ledger-fonts.ts" }, { "path": "registry/ballmac/components/templates/ledger/ledger-theme.tsx", "content": "// Ballmac UI: Ledger template shell. https://ui.ballmac.com/templates/template-ledger\n\"use client\"\n\nimport * as React from \"react\"\nimport { Menu, X } from \"lucide-react\"\n\nimport { AppIcon } from \"@/components/ballmac/mac-icons\"\nimport { ledgerSans, ledgerSerif } from \"@/components/ballmac/templates/ledger/ledger-fonts\"\nimport { cn } from \"@/lib/utils\"\n\ntype LedgerPage = \"home\" | \"download\" | \"pricing\" | \"changelog\" | \"support\"\ntype LedgerHrefs = Record\n\nconst defaultHrefs: LedgerHrefs = { home: \"/ledger\", download: \"/ledger/download\", pricing: \"/ledger/pricing\", changelog: \"/ledger/changelog\", support: \"/ledger/support\" }\n\n/** Ledger's palette: Apple-calm. Cool white, soft grey surfaces, one blue. Dark mode follows the system. */\nconst ledgerCss = `\n.ledger-theme{--background:oklch(0.99 0.002 250);--foreground:oklch(0.2 0.01 255);--card:oklch(1 0 0);--card-foreground:oklch(0.2 0.01 255);--popover:oklch(1 0 0);--popover-foreground:oklch(0.2 0.01 255);--primary:oklch(0.2 0.01 255);--primary-foreground:oklch(0.99 0.002 250);--secondary:oklch(0.965 0.004 250);--secondary-foreground:oklch(0.2 0.01 255);--muted:oklch(0.965 0.004 250);--muted-foreground:oklch(0.5 0.012 255);--accent:oklch(0.955 0.006 250);--accent-foreground:oklch(0.2 0.01 255);--border:oklch(0.2 0.01 255 / 10%);--input:oklch(0.2 0.01 255 / 14%);--ring:oklch(0.6 0.19 255);--surface:oklch(0.975 0.003 250);--chart-1:oklch(0.52 0.2 255);--ledger-on-accent:oklch(1 0 0);--chart-2:oklch(0.48 0.14 155);--chart-3:oklch(0.78 0.16 75);--chart-4:oklch(0.62 0.2 305);--chart-5:oklch(0.68 0.19 25);--radius:1rem}\n.dark .ledger-theme{--background:oklch(0.16 0.006 255);--foreground:oklch(0.96 0.004 250);--card:oklch(0.2 0.008 255);--card-foreground:oklch(0.96 0.004 250);--popover:oklch(0.22 0.008 255);--popover-foreground:oklch(0.96 0.004 250);--primary:oklch(0.96 0.004 250);--primary-foreground:oklch(0.2 0.01 255);--secondary:oklch(0.25 0.009 255);--secondary-foreground:oklch(0.96 0.004 250);--muted:oklch(0.24 0.009 255);--muted-foreground:oklch(0.72 0.012 250);--accent:oklch(0.27 0.01 255);--accent-foreground:oklch(0.96 0.004 250);--border:oklch(1 0 0 / 11%);--input:oklch(1 0 0 / 15%);--ring:oklch(0.7 0.17 255);--surface:oklch(0.18 0.007 255);--chart-1:oklch(0.72 0.15 255);--ledger-on-accent:oklch(0.16 0.01 255);--chart-2:oklch(0.76 0.16 160);--chart-3:oklch(0.83 0.15 80);--chart-4:oklch(0.72 0.17 305);--chart-5:oklch(0.76 0.16 25)}\n`\n\nconst links: { key: LedgerPage; label: string }[] = [\n { key: \"home\", label: \"Overview\" },\n { key: \"pricing\", label: \"Pricing\" },\n { key: \"changelog\", label: \"What’s new\" },\n { key: \"support\", label: \"Support\" },\n]\n\ntype LedgerShellProps = React.ComponentProps<\"div\"> & {\n /** The page being shown, so its nav link is marked current. */\n page: LedgerPage\n /** Override where pages live (used by previews). */\n hrefs?: Partial\n}\n\n/** Ledger's frame: a frosted, centred header like a Mac app’s site, and a quiet footer. Wrap every Ledger page in it. */\nfunction LedgerShell({ page, hrefs: overrides, className, style, children, ...props }: LedgerShellProps) {\n const hrefs = { ...defaultHrefs, ...overrides }\n const [open, setOpen] = React.useState(false)\n return (\n \n \n
\n
\n \n L Ledger\n \n \n
\n Download\n \n
\n
\n {open && (\n \n )}\n
\n {children}\n
\n
\n
\n {[\n { title: \"Ledger\", items: [[\"Overview\", \"home\"], [\"What’s new\", \"changelog\"], [\"Pricing\", \"pricing\"], [\"Download\", \"download\"]] },\n { title: \"Support\", items: [[\"Help center\", \"support\"], [\"Keyboard shortcuts\", \"support\"], [\"Contact us\", \"support\"], [\"System status\", \"support\"]] },\n { title: \"Company\", items: [[\"About\", \"home\"], [\"Press kit\", \"home\"], [\"Privacy\", \"home\"], [\"Terms\", \"home\"]] },\n { title: \"Elsewhere\", items: [[\"Mastodon\", \"home\"], [\"GitHub\", \"home\"], [\"RSS\", \"changelog\"], [\"Newsletter\", \"home\"]] },\n ].map((c) => (\n
\n

{c.title}

\n
    \n {c.items.map(([label, key]) =>
  • {label}
    • )}\n
\n
\n ))}\n
\n

Ledger requires macOS 13 Ventura or later. Apple, Mac, macOS and iCloud are trademarks of Apple Inc. © 2026 Ledger Software, made in Portland.

\n
\n
\n \n )\n}\n\n/** A heading with one italic serif word, the template's signature. Wrap the word to emphasise in ``. */\nfunction LedgerHeading({ className, children, as: Tag = \"h2\", ...props }: React.ComponentProps<\"h2\"> & { as?: \"h1\" | \"h2\" | \"h3\" }) {\n return (\n \n {children}\n \n )\n}\n\nexport { LedgerHeading, LedgerShell, defaultHrefs as ledgerDefaultHrefs, type LedgerHrefs, type LedgerPage, type LedgerShellProps }\n", "type": "registry:component", "target": "@components/ballmac/templates/ledger/ledger-theme.tsx" }, { "path": "registry/ballmac/components/templates/ledger/ledger-home.tsx", "content": "// Ballmac UI: Ledger home page. https://ui.ballmac.com/templates/template-ledger\n\"use client\"\n\nimport * as React from \"react\"\nimport { ArrowDownToLine, Cloud, Laptop, Lock, ShieldCheck, Star, Zap } from \"lucide-react\"\n\nimport { Devices1 } from \"@/components/ballmac/blocks/devices-1/devices-1\"\nimport { Features7 } from \"@/components/ballmac/blocks/features-7/features-7\"\nimport { Pricing4 } from \"@/components/ballmac/blocks/pricing-4/pricing-4\"\nimport { Showcase1 } from \"@/components/ballmac/blocks/showcase-1/showcase-1\"\nimport { BlurFade } from \"@/components/ballmac/blur-fade\"\nimport { Kbd } from \"@/components/ballmac/kbd\"\nimport { AppIcon } from \"@/components/ballmac/mac-icons\"\nimport { LedgerHeading, LedgerShell, type LedgerHrefs } from \"@/components/ballmac/templates/ledger/ledger-theme\"\nimport { cn } from \"@/lib/utils\"\n\nconst press = [\n { outlet: \"Mac App Store\", quote: \"Editor’s Choice\" },\n { outlet: \"MacStories\", quote: \"The calmest way to run a business.\" },\n { outlet: \"Six Colors\", quote: \"A Mac app that feels like one.\" },\n { outlet: \"Daring Fireball\", quote: \"Fast, plain and correct.\" },\n]\n\nconst reviews = [\n { quote: \"I closed the month in an afternoon. The keyboard shortcuts alone paid for the license.\", name: \"Hannah Okafor\", role: \"Freelance designer\", tone: \"bg-chart-1/20\" },\n { quote: \"It’s the first accounting app that didn’t make me feel like I needed an accountant to use it.\", name: \"Marcus Lindqvist\", role: \"Founder, Studio Fjord\", tone: \"bg-chart-2/20\" },\n { quote: \"Works offline on the train, syncs when I’m home. Exactly how software should behave.\", name: \"Priya Raman\", role: \"Independent consultant\", tone: \"bg-chart-4/20\" },\n]\n\nconst card = \"bg-card rounded-3xl border p-7 shadow-[0_1px_2px_0_rgb(0_0_0/0.04)]\"\n\ntype LedgerHomeProps = React.ComponentProps<\"div\"> & { hrefs?: Partial }\n\n/** The Ledger home page: an interactive Mac desktop, a menu-bar tour, a feature bento, devices, reviews and pricing. */\nfunction LedgerHome({ hrefs, ...props }: LedgerHomeProps) {\n return (\n \n
\n
\n \n

Ledger 2.4 · Now with approvals

\n \n Your books, kept beautifully.\n \n

\n Invoices, expenses and reports in a native Mac app that’s fast, private and a pleasure to open on a Monday.\n

\n \n

Free for 14 days · macOS 13 or later · Apple silicon and Intel

\n \n \n \n \n
\n\n
\n
    \n {press.map((p) => (\n
  • \n

    {p.outlet}

    \n

    “{p.quote}”

    \n
    • \n ))}\n
\n
\n\n \n\n
\n
\n A real Mac app, all the way down.\n

Native, not wrapped. It uses the parts of macOS you already know.

\n
\n
\n
\n \n

Keyboard first

\n

Everything has a shortcut. Learn four and you rarely touch the mouse.

\n
    \n {[[\"New invoice\", [\"⌘\", \"N\"]], [\"Jump to customer\", [\"⌘\", \"K\"]], [\"Mark as paid\", [\"⌃\", \"⌘\", \"P\"]], [\"Export report\", [\"⇧\", \"⌘\", \"E\"]]].map(([label, keys]) => (\n
  • \n {label as string}\n {(keys as string[]).map((k) => {k})}\n
    • \n ))}\n
\n
\n
\n \n

Local first, iCloud second

\n

Your data lives on your Mac and works with no connection. Sync across devices with your own iCloud.

\n
\n MacBook Pro\n \n Synced just now\n \n iCloud\n
\n
\n
\n \n

Private by design

\n

No account, no analytics, no server that holds your books.

\n

0

\n

trackers in the app

\n
\n
\n \n

Shortcuts and AppleScript

\n

Create an invoice from a calendar event, or mark paid from a Stripe webhook. Ledger speaks the Mac’s automation language.

\n 
{`tell application \"Ledger\"\n  set inv to make new invoice\n  set customer of inv to \"Northwind\"\n  mark inv as paid\nend tell`}
\n
\n
\n
\n\n \n\n
\n

Reviews

\n
    \n {reviews.map((r) => (\n
  • \n
    {Array.from({ length: 5 }, (_, i) => )}
    \n
    “{r.quote}”
    \n
    \n {r.name.split(\" \").map((w) => w[0]).join(\"\")}\n {r.name}{r.role}\n
    \n
    • \n ))}\n
\n
\n\n \n\n
\n L\n Get your Monday back.\n

Download Ledger and try everything free for 14 days.

\n \n Download for Mac\n \n
\n
\n \n )\n}\n\nexport { LedgerHome, type LedgerHomeProps }\n", "type": "registry:component", "target": "@components/ballmac/templates/ledger/ledger-home.tsx" }, { "path": "registry/ballmac/components/templates/ledger/ledger-download.tsx", "content": "// Ballmac UI: Ledger download page. https://ui.ballmac.com/templates/template-ledger\nimport * as React from \"react\"\nimport { Apple, Cpu, HardDrive, ShieldCheck } from \"lucide-react\"\n\nimport { Download1 } from \"@/components/ballmac/blocks/download-1/download-1\"\nimport { LedgerHeading, LedgerShell, type LedgerHrefs } from \"@/components/ballmac/templates/ledger/ledger-theme\"\n\nconst specs = [\n { icon: Apple, title: \"macOS 13 Ventura or later\", text: \"Runs on every Mac that supports it, including the 2018 MacBook Air.\" },\n { icon: Cpu, title: \"Apple silicon and Intel\", text: \"A universal app, tuned for M-series chips and still quick on Intel.\" },\n { icon: HardDrive, title: \"58 MB to download\", text: \"Under 150 MB installed. Your books are a single file you can back up.\" },\n { icon: ShieldCheck, title: \"Signed and notarized\", text: \"Checked by Apple and by us. SHA-256 checksums are published with every release.\" },\n]\n\ntype LedgerDownloadProps = React.ComponentProps<\"div\"> & { hrefs?: Partial }\n\n/** Ledger download: the download block, the system requirements and a note on updates. */\nfunction LedgerDownload({ hrefs, ...props }: LedgerDownloadProps) {\n return (\n \n
\n
\n Download Ledger.\n

Free for 14 days. You only need a license if you keep using it.

\n
\n \n
\n

Before you download

\n
    \n {specs.map((s) => (\n
  • \n \n

    {s.title}

    {s.text}

    \n
    • \n ))}\n
\n

Ledger updates itself in the background and asks before restarting. Need an older version? Browse every release.

\n
\n
\n \n )\n}\n\nexport { LedgerDownload, type LedgerDownloadProps }\n", "type": "registry:component", "target": "@components/ballmac/templates/ledger/ledger-download.tsx" }, { "path": "registry/ballmac/components/templates/ledger/ledger-pricing.tsx", "content": "// Ballmac UI: Ledger pricing page. https://ui.ballmac.com/templates/template-ledger\nimport * as React from \"react\"\nimport { Check, Minus } from \"lucide-react\"\n\nimport { Faq2 } from \"@/components/ballmac/blocks/faq-2/faq-2\"\nimport { Pricing4 } from \"@/components/ballmac/blocks/pricing-4/pricing-4\"\nimport { LedgerHeading, LedgerShell, type LedgerHrefs } from \"@/components/ballmac/templates/ledger/ledger-theme\"\n\nconst rows: [string, boolean | string, boolean | string][] = [\n [\"Invoices and expenses\", \"Up to 10 a month\", \"Unlimited\"],\n [\"Reports and exports\", \"Basic\", \"Full, with CSV and PDF\"],\n [\"iCloud sync across Macs\", false, true],\n [\"Approvals and menu bar capture\", false, true],\n [\"Shortcuts and AppleScript\", false, true],\n [\"Custom invoice templates\", false, true],\n [\"Updates\", \"Bug fixes\", \"All of this major version\"],\n]\n\nfunction Cell({ v }: { v: boolean | string }) {\n if (typeof v === \"string\") return {v}\n return v ? : \n}\n\ntype LedgerPricingProps = React.ComponentProps<\"div\"> & { hrefs?: Partial }\n\n/** Ledger pricing: buy once or subscribe with the cost chart, a free-versus-licensed table and questions. */\nfunction LedgerPricing({ hrefs, ...props }: LedgerPricingProps) {\n return (\n \n
\n
\n Honest pricing for honest software.\n
\n \n
\n

Free trial or licensed

\n
\n \n \n \n \n {rows.map(([f, a, b]) => (\n \n ))}\n \n
Trial and licensed features
Feature14-day trialLicensed
{f}
\n
\n
\n \n
\n \n )\n}\n\nexport { LedgerPricing, type LedgerPricingProps }\n", "type": "registry:component", "target": "@components/ballmac/templates/ledger/ledger-pricing.tsx" }, { "path": "registry/ballmac/components/templates/ledger/ledger-changelog.tsx", "content": "// Ballmac UI: Ledger changelog page. https://ui.ballmac.com/templates/template-ledger\nimport * as React from \"react\"\n\nimport { Changelog1 } from \"@/components/ballmac/blocks/changelog-1/changelog-1\"\nimport { LedgerHeading, LedgerShell, type LedgerHrefs } from \"@/components/ballmac/templates/ledger/ledger-theme\"\n\ntype LedgerChangelogProps = React.ComponentProps<\"div\"> & { hrefs?: Partial }\n\n/** Ledger changelog: release notes with a generated cover on headline releases. */\nfunction LedgerChangelog({ hrefs, ...props }: LedgerChangelogProps) {\n return (\n \n
\n
\n What’s new.\n
\n \n
\n \n )\n}\n\nexport { LedgerChangelog, type LedgerChangelogProps }\n", "type": "registry:component", "target": "@components/ballmac/templates/ledger/ledger-changelog.tsx" }, { "path": "registry/ballmac/components/templates/ledger/ledger-support.tsx", "content": "// Ballmac UI: Ledger support page. https://ui.ballmac.com/templates/template-ledger\n\"use client\"\n\nimport * as React from \"react\"\nimport { BookOpen, CreditCard, Keyboard, LifeBuoy, Mail, Search, Wrench } from \"lucide-react\"\n\nimport { Kbd } from \"@/components/ballmac/kbd\"\nimport { LedgerHeading, LedgerShell, type LedgerHrefs } from \"@/components/ballmac/templates/ledger/ledger-theme\"\nimport { cn } from \"@/lib/utils\"\n\nconst topics = [\n { icon: BookOpen, title: \"Getting started\", text: \"Import your data, add a customer and send your first invoice.\", articles: [\"Import from a spreadsheet\", \"Your first invoice\", \"Set up iCloud sync\"] },\n { icon: CreditCard, title: \"Licenses and billing\", text: \"Activate, move or recover a license, and manage a subscription.\", articles: [\"Activate a license\", \"Move to a new Mac\", \"Update a payment method\"] },\n { icon: Wrench, title: \"Troubleshooting\", text: \"Fix sync conflicts, a stuck export or an app that won’t open.\", articles: [\"Sync says “paused”\", \"Rebuild the index\", \"Reset preferences\"] },\n { icon: Keyboard, title: \"Shortcuts and automation\", text: \"Every keyboard shortcut and a few AppleScript recipes.\", articles: [\"All keyboard shortcuts\", \"Shortcuts app actions\", \"AppleScript dictionary\"] },\n]\n\nconst shortcuts: [string, string[]][] = [\n [\"New invoice\", [\"⌘\", \"N\"]],\n [\"Quick open\", [\"⌘\", \"K\"]],\n [\"Mark as paid\", [\"⌃\", \"⌘\", \"P\"]],\n [\"Export report\", [\"⇧\", \"⌘\", \"E\"]],\n [\"Toggle sidebar\", [\"⌥\", \"⌘\", \"S\"]],\n [\"Capture expense\", [\"⌃\", \"⌥\", \"N\"]],\n]\n\ntype LedgerSupportProps = React.ComponentProps<\"div\"> & { hrefs?: Partial }\n\n/** Ledger support: a search field that filters help topics, shortcut cheat sheet and contact options. */\nfunction LedgerSupport({ hrefs, ...props }: LedgerSupportProps) {\n const [query, setQuery] = React.useState(\"\")\n const q = query.trim().toLowerCase()\n const shown = q ? topics.filter((t) => [t.title, t.text, ...t.articles].join(\" \").toLowerCase().includes(q)) : topics\n return (\n \n
\n
\n How can we help?\n
e.preventDefault()} className=\"relative mx-auto mt-8 max-w-xl\">\n \n \n setQuery(e.target.value)} placeholder=\"Search “license”, “sync”, “export”…\" className=\"bg-card focus-visible:ring-ring/50 placeholder:text-muted-foreground h-13 w-full rounded-full border pe-5 ps-12 text-base shadow-sm outline-none focus-visible:ring-[3px]\" />\n \n

{q ? `${shown.length} ${shown.length === 1 ? \"topic\" : \"topics\"} match “${query}”` : \"Most questions are answered in under a minute.\"}

\n
\n\n
\n {shown.length === 0 ? (\n

Nothing found

Try a shorter word, or write to us below.

\n ) : (\n
    \n {shown.map((t) => (\n
  • \n \n

    {t.title}

    \n

    {t.text}

    \n
      \n {t.articles.map((a) =>
    • {a}›
      • )}\n
    \n
    • \n ))}\n
\n )}\n
\n\n
\n

Shortcuts worth learning

\n
    \n {shortcuts.map(([label, keys]) => (\n
  • {label}{keys.map((k) => {k})}
    • \n ))}\n
\n
\n\n
\n

Contact

\n
\n {[\n { icon: Mail, title: \"Email us\", text: \"A person writes back, usually within a day.\", cta: \"support@ledger.app\" },\n { icon: LifeBuoy, title: \"System status\", text: \"iCloud sync and license servers are running normally.\", cta: \"All systems normal\" },\n ].map((c) => (\n
\n \n

{c.title}

{c.text}

{c.cta}
\n
\n ))}\n
\n
\n
\n \n )\n}\n\nexport { LedgerSupport, type LedgerSupportProps }\n", "type": "registry:component", "target": "@components/ballmac/templates/ledger/ledger-support.tsx" }, { "path": "registry/ballmac/app/ledger/page.tsx", "content": "// Ballmac UI: Ledger template route. https://ui.ballmac.com/templates/template-ledger\nimport type { Metadata } from \"next\"\n\nimport { LedgerHome } from \"@/components/ballmac/templates/ledger/ledger-home\"\n\nexport const metadata: Metadata = {\n title: \"Ledger: Your books, kept beautifully\",\n description: \"A native Mac app for invoices, expenses and reports.\",\n}\n\nexport default function Page() {\n return \n}\n", "type": "registry:page", "target": "app/ledger/page.tsx" }, { "path": "registry/ballmac/app/ledger/download/page.tsx", "content": "// Ballmac UI: Ledger template route. https://ui.ballmac.com/templates/template-ledger\nimport type { Metadata } from \"next\"\n\nimport { LedgerDownload } from \"@/components/ballmac/templates/ledger/ledger-download\"\n\nexport const metadata: Metadata = {\n title: \"Download Ledger\",\n description: \"Download Ledger for Mac. Free for 14 days.\",\n}\n\nexport default function Page() {\n return \n}\n", "type": "registry:page", "target": "app/ledger/download/page.tsx" }, { "path": "registry/ballmac/app/ledger/pricing/page.tsx", "content": "// Ballmac UI: Ledger template route. https://ui.ballmac.com/templates/template-ledger\nimport type { Metadata } from \"next\"\n\nimport { LedgerPricing } from \"@/components/ballmac/templates/ledger/ledger-pricing\"\n\nexport const metadata: Metadata = {\n title: \"Ledger pricing\",\n description: \"Buy a license once, or subscribe and always have the latest.\",\n}\n\nexport default function Page() {\n return \n}\n", "type": "registry:page", "target": "app/ledger/pricing/page.tsx" }, { "path": "registry/ballmac/app/ledger/changelog/page.tsx", "content": "// Ballmac UI: Ledger template route. https://ui.ballmac.com/templates/template-ledger\nimport type { Metadata } from \"next\"\n\nimport { LedgerChangelog } from \"@/components/ballmac/templates/ledger/ledger-changelog\"\n\nexport const metadata: Metadata = {\n title: \"What’s new in Ledger\",\n description: \"Release notes for every version of Ledger.\",\n}\n\nexport default function Page() {\n return \n}\n", "type": "registry:page", "target": "app/ledger/changelog/page.tsx" }, { "path": "registry/ballmac/app/ledger/support/page.tsx", "content": "// Ballmac UI: Ledger template route. https://ui.ballmac.com/templates/template-ledger\nimport type { Metadata } from \"next\"\n\nimport { LedgerSupport } from \"@/components/ballmac/templates/ledger/ledger-support\"\n\nexport const metadata: Metadata = {\n title: \"Ledger support\",\n description: \"Help articles, shortcuts and ways to reach us.\",\n}\n\nexport default function Page() {\n return \n}\n", "type": "registry:page", "target": "app/ledger/support/page.tsx" } ], "meta": { "schema": 1, "tier": "free", "tags": [ "template", "mac app", "macos", "landing page", "download", "pricing", "support", "indie" ], "version": "1.0.0", "updated": "2026-10-01", "ai": { "summary": "Installs a five-page site for a Mac or desktop app, assembled from the Mac blocks (showcase-1, features-7, devices-1, pricing-4, download-1). Change the palette in ledgerCss, and the copy in each page file.", "whenToUse": [ "Marketing sites for Mac, desktop and indie apps", "Products that sell a license and a subscription" ], "whenNotToUse": [ "Web SaaS with signup flows (use an Orbit-style template)" ], "composesWith": [ "showcase-1", "download-1", "pricing-4" ], "a11y": [], "customization": [ "Edit ledgerCss for the palette", "Pass your own app window to Showcase1 as children", "Replace the italic serif in ledger-fonts.ts" ] }, "examples": [ "template-ledger-demo", "template-ledger-download", "template-ledger-pricing", "template-ledger-changelog", "template-ledger-support" ], "url": "https://ui.ballmac.com/components/template-ledger" }, "docs": "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.", "categories": [ "templates" ], "type": "registry:block" }