margin website

The marketing site for Margin — the offline book-writing and publishing app. Built with Astro, it's a single landing page that ships almost no JavaScript and reuses the app's Quiet Press design system (Literata + Hanken Grotesk, warm light/dark themes).

Develop

cd website
pnpm install
pnpm dev        # http://localhost:4321
pnpm build      # static output to website/dist/
pnpm preview    # preview the production build

Where to change things

Almost everything lives in src/data/site.ts:

price — the one-time price ("$5" / "$10" …). Shown everywhere automatically.
repo — the GitHub repo (priyanshujain/margin) that hosts release artifacts.
buyUrl — point this at a payment processor (Gumroad / Polar / Stripe / Lemon Squeezy) when one is wired up; until then it falls back to the GitHub releases page.
faqs, compare, publishTargets — the page content.

Downloads

Download buttons resolve the latest GitHub release asset per OS at runtime (src/components/DownloadScript.astro):

macOS → .dmg
Windows → .msi
Linux → .AppImage (falls back to .deb / .rpm)

The OS is auto-detected for the primary button. If the GitHub API is unreachable or there's no published release yet, every button falls back to the releases page — so they always work.

Deploy

pnpm build produces a fully static dist/ that hosts anywhere — GitHub Pages, Cloudflare Pages, Netlify, Vercel. Set the real domain in astro.config.mjs (site) for correct canonical / Open Graph URLs.

Fonts

public/fonts/ carries the same OFL variable fonts the app bundles (Literata, Hanken Grotesk), so the site matches the product exactly.