Typography - Page Title (H1, 48/56px)
Heading (H2, 33/42px)
Text Heading H2 (H2, 30/36px)
Paragraph (p, 18px/24px)
- unordered list
- unordered list
- ordered list
- ordered list
blockquote
bold / italic / strikethrough
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Text Heading H3 (H3, 24/30px)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Text Heading H2 (H2, 36/48px)
Paragraph text (p, 24/33px) -> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Editor Guide
This guide is for content editors using an Inka-powered site. It covers how to use the editor — how to select things, edit text, add and move blocks, work with containers and templates — without assuming you know how the site was built.
Compliance & audit
Put checks on content and design in front of editors — plugins for accessibility, design-system conformance and content rules, with a record of what was checked and who approved it.
How Inka Works
Instead of combining editing and rendering into one framework and codebase, these are separated and during editing a two way communication channel is opened across an iframe so that the editing UI is no longer part of the frontend code. Instead a small JS file called hydra.js is included in your frontend during editing that handles the iframe bridge communication to Inka which is running in the same browser window.
CMS adapter guide
Connect Inka to a content store through one adapter contract — the same experience for editors whatever sits behind it.
Docs
A design-system-first page-builder toolkit. Guides for building a frontend, editing content, testing, adapters, and compliance.
Text Heading (H2, 30/36px)
For grid blocks, the font of the headlines are variable, depending on the number of cells in the grid.
Text Heading (H3, 24/30px)
Paragraph Text (p, 18/24px)
Text Heading (H3, 24/30px)
Paragraph Text (p, 18/24px)
Table cell (td p, 18/24px) | Table cell (td p, 18/24px) |
Table cell (td p, 18/24px) | Table cell (td p, 18/24px) |