Foliotype Values Grid
Values section with an eyebrow/H2 header and a three-cell grid of value cards.
Principles
What we hold to.
01
The words come first
Every feature earns its place by getting out of the writer's way. If it competes with the sentence, it doesn't ship.
02
Calm over clever
We chase clarity, not novelty. A quiet, predictable tool beats a flashy one you have to fight.
03
Your work is yours
Open formats, easy export, no lock-in. You can take everything you write and leave whenever you like.
The full source is for members
Sign in and choose a plan to view and copy foliotype-values.tsx. The live preview above is free to explore.
How to use. Copy foliotype-values.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.
