Explore type pairings — display face + body + mono. Preview in context, export the stack.
Click a card to preview. Each pairing includes a display face for headings, a body face for text, and a mono face for code and labels.
Jumps over the lazy dog. DesignTerra builds design systems that hold together.
DesignTerra is a living design token workspace for software designers and publishers. Define colors, type, spacing, motion, and shadows — see every component update in real time, then export clean code in four formats. No drift, no sync debt, no hand-typing.
const theme = {\n colors: {\n 'accent': '#a0522d',\n 'background': '#f5f3ef'\n }\n};
Each tool is a standalone HTML file. Open it, use it, close it.