In this article
This is a paragraph of body text. It carries the main content of the article and is set in body/md with text/primary, up to 704 px wide. A paragraph develops one idea in three to five sentences. Longer thoughts are split into several paragraphs, so the reader can follow the argument and scan the page.
Section heading that names the topic of this part (H2)
This paragraph opens the section. A bold phrase marks the one idea the reader must not miss, and the rest of the sentence stays regular. Use bold sparingly: one or two phrases per section.
This paragraph shows an inline link to another page inside body text. The link uses action/primary and is always underlined, so it is recognisable without relying on color.
Inline code marks names from the code, such as featureFlag.enabled
- A bulleted item is one short point.
- Items share the same marker and the same spacing as Key takeaways.
- An item can wrap onto a second line. The marker stays aligned with the first line, and the text keeps its left edge.
Section heading that names the topic of this part (H2)
A paragraph can be followed by a subsection. The subsection starts with an H3 and groups a few closely related points under one short heading.
Subsection heading H3
A paragraph can be followed by a subsection. The subsection starts with an H3 and groups a few closely related points under one short heading.
Subsection heading H4
- A numbered item is a step that must happen in this order.
- Numbers use the same text style as the item and text/secondary.
- A step can wrap onto a second line. The number stays aligned with the first line, and the text keeps its left edge.
Overline
A short headline short headline
- A short list item
- A short list item
- A short list item
Overline
A short headline short headline
A short description of the offer: what the person gets after the request.
“A pull quote repeats one strong sentence from the article or quotes a person. Up to 120 characters.”
@Configuration
public class GatewayRoutes {
@Bean
RouteLocator routes(RouteLocatorBuilder b) {
return b.routes()
.route("payments", r -> r.path("/api/payments/**")
.uri("lb://payments-service"))
.build();
}
}Section heading that names the topic of this part (H2)
80+
What the number measures
3×
A short noun phrase, no final period
−35%
Real numbers from the project only
13 months
Two, three or four stats per block
| Column heading | Column heading | Column heading |
|---|---|---|
| Row label | Value | Value |
| A longer row label that wraps | Value | Value |
| Row label | Value | Value |
| Column heading | Column heading | Column heading | Column heading | Column heading | Column heading |
|---|---|---|---|---|---|
| Row label | Value | Value | Value | Value | Value |
| A longer row label that wraps | Value | Value | Value | Value | Value |
| Row label | Value | Value | Value | Value | Value |
Conclusion
The last section sums up the main idea in a few sentences and tells the reader what to do next. It does not repeat the Key takeaways word for word.
Frequently asked questions
Question text in the words a client would use, up to two lines on desktop
A short answer that resolves the question in two or three sentences. It repeats no text from the article body.
Question text in the words a client would use, up to two lines on desktop
Another short answer. Keep each answer to the point and free of marketing language.
Question text in the words a client would use, up to two lines on desktop
A third answer, written for a reader who skipped the main text.
Question text in the words a client would use, up to two lines on desktop
A fourth answer that closes the list.