Foliotype Hero
Above-the-fold hero with headline, supporting copy, CTA, and a hero video block.
The writing & publishing platform
Everything you publish, in one calm place.
Foliotype is a writing and publishing workspace for people who take words seriously. Draft, structure, and ship — without the clutter.
▶
Watch the 90-second tour
The full source is for members
Sign in and choose a plan to view and copy foliotype-hero.tsx. The live preview above is free to explore.
How to use. Copy foliotype-hero.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.
