Step 1
Sketch the idea
Sample text: what is it about, who is it for?
Demo · blocks from core and kit
Giving content shape.
A selection of the blocks editors use on any page – filled with sample text.
Questions & answers
To expand
Native disclosure without JavaScript; search engines receive the questions as FAQ data.
Is this a real question?
No – an example. The “Questions & answers” block suits help, directions or terms.
Can I open several answers at once?
Yes. Each answer opens and closes on its own, also with the keyboard (Tab, Enter).
Where do I edit the answers?
Right on the page in the block editor – with formatting, links and lists.
Stacked cards
Cards that stack up
While scrolling, the next card slides over the previous one; on small screens and with “reduce motion” a simple list.
-
-
Step 2
Collect content
Sample text: texts, images and data in one place.
-
Step 3
Publish
Sample text: review, approve, done.
Key figures with dials
Figures at a glance
All values are invented examples – on real pages use only verifiable figures.
- 92 % – Example value A
- 7 of 10 – Example value B
- 0,4 s – Example value C
Flow (kit “klxm”)
Steps as a chain
The steps light up once in turn when scrolled into view – not with “reduce motion”.
-
Table
Create fields
-
Form
Visitors submit
-
Calendar
Dates appear
-
Website
List and detail page