Typecase

Typecase presents fonts, presets, templates and ebooks in a numbered catalog, with live font specimens, license choices and product pages for downloadable files.

$67 USD

Buy now

Secure payment via Stripe

Live preview ↗
Best for
Best for digital product shops selling fonts, presets, templates or ebooks
Platform
Astro
Status
On sale
Price
$67 USD
Version
1.0.0
License
Astro edition: Peachfin Themes Astro License (LICENSE in the download). Photographs CC0 1.0 (ASSETS.json). Bundled fonts SIL OFL 1.1 (ASSETS.json).
Demo photography is licensed separately from theme code

Page inventory

Home
Home
Typefaces and files
Shop
category pages
Archive
font specimen pages
Product
digital file pages
Product
Licenses
Detail
About
About
Journal
Journal
journal entries
Post
tag pages
Archive
Contact
Contact
Delivery
Utility
Refunds
Utility
Privacy
Utility
Search
Utility
Credits
Utility
404
Utility
Cart and order confirmation (optional cart)
Utility

Design controls

Identity and navigation
identity, nav and the footer settings hold your shop name, description and links.
Palette and typography
theme.colors and theme.fonts define page colors, tester colors and font stacks.
Catalog sample
home.sample supplies the initial specimen text, while tester.minSize and tester.maxSize set the size limits.
License choices
licenses.tiers defines tier names, summaries and limits, with matching product variants for purchase.
Interactive extras
features controls the live tester, sample persistence, glyph grid, OpenType feature toggles and dark proof.
Store and credit
commerce.enabled controls selling features, commerce.cart.enabled enables the cart, and footer.attribution.show controls the credit.

Features

  • A shared sample bar changes the text and size across the font index and carries the text into each family's live tester.
  • Font specimen pages include styles, size samples, glyph previews, OpenType comparisons and license tiers.
  • Books and other digital files use photo product pages with the same purchase controls.
  • Each product or variant accepts a checkout link from Stripe Payment Links, Polar, Lemon Squeezy or Shopify.
  • The optional Stripe Checkout cart requires a server adapter and your own Stripe secret key.
  • Sample persistence, glyph grids, OpenType controls and dark proof can each be disabled in src/site.config.ts.

What the download includes

  • Typecase 1.0.0 includes Astro source and Markdown content for products, categories, journal entries and pages.
  • Demo font specimens use six OFL families, with font licenses and asset records supplied.
  • Demo photographs are CC0, with sources recorded in ASSETS.json and on the Credits page.
  • README and GETTING-STARTED cover editing, checkout setup, deployment and verification.
  • CUSTOMIZE.md explains customization, and AGENTS.md provides instructions for editing with any coding agent.

Setup

  1. Use Node 24 LTS or Node 22 LTS at version 22.19.0 or later, then install dependencies with npm ci.
  2. Start the preview with npm run dev and visit the URL Astro prints.
  3. Set your identity, colors, navigation and feature switches in src/site.config.ts, then replace the demo content and trial fonts.
  4. Create a checkout link for every product or variant you sell, and verify each link in the provider's test mode.
  5. For the optional cart, add a server adapter, enable commerce.cart.enabled and set STRIPE_SECRET_KEY in your host's environment.
  6. Check your changes with npm run check, npm test and npm run build, then publish dist/ at your domain root or deploy the cart's server build.

Read the full setup guide

Typecase is an Astro store template for digital products, including fonts, presets, templates and ebooks. Its numbered catalog shows font families in specimen rows and other files with photographs. Font pages provide styles, size samples and license choices; file pages provide photographs, descriptions and purchase controls. The demo uses Quoin Type, a fictional type foundry, as example content you replace. Typecase 1.0.0 costs $67 USD one-time.

The signature feature lets visitors type a sample once and see it across the font index, then carry it into a family’s live type tester. They can adjust styles, size, leading, tracking and variable axes while comparing the text. In src/site.config.ts, you can switch off extras such as saved sample text, glyph grids, OpenType feature controls and dark proof. The live tester also has its own switch. CUSTOMIZE.md explains these choices, and AGENTS.md provides guidance for editing with any coding agent.

Selling uses checkout links per product or variant from Stripe Payment Links, Polar, Lemon Squeezy or Shopify. For fonts, variants can represent license tiers and style packages, each with its own price and link. The optional Stripe Checkout cart needs a server adapter and your own Stripe secret key. Typecase’s cart has only been tested with mocked Stripe; a server checkout and a Stripe test-mode payment remain unverified for this theme. You set up payment processing and download delivery with your provider.

Products, categories, journal entries and pages use Markdown files, with shop settings in src/site.config.ts. The included EmDash edition switches with npm run emdash:setup on Node.js or Cloudflare Workers, with content, menus and site settings edited in EmDash. EMDASH.md records testing with EmDash 1.1.0 on Node and locally on Cloudflare, and npm run emdash:revert restores the Markdown edition. Replace the sample license, delivery, refund and privacy text with terms for your own shop before publishing.

Similar themes