Foliotype Features
Feature band presenting the product's core capabilities.
How Foliotype works
From blank page to published, without the friction.
01 / Plan
Outline before you write
Draft a structure with reusable blocks and headings. Move sections around until the shape is right — then start filling it in.
02 / Write
A calm, focused canvas
No menus in your face. Just type. Markdown, keyboard-first, and autosaved to a full version history you can restore at any time.
03 / Review
Edit together, in context
Comments, suggestions, and track changes built for editorial teams. Assign, resolve, and keep every draft accountable.
04 / Publish
Ship to web, mail, and RSS
One click sends your piece to your own domain, your newsletter, and your feed — clean, semantic, and search-ready.
The full source is for members
Sign in and choose a plan to view and copy foliotype-feat.tsx. The live preview above is free to explore.
How to use. Copy foliotype-feat.tsx into your project (it's self-contained — the styles ship with it and dedupe across instances in React 19). Theme it by setting --sdf-* tokens on any ancestor. No dependencies, no build step.
