AI & Automation

Article title that states the main idea in up to eighty characters

A short lead that introduces the topic and tells the reader what they will learn. Up to 170 characters, two lines at most.

Test cover
In this article
  1. Section heading that names the topic of this part (H2)
  2. Section heading that names the topic of this part (H2)
  3. Section heading that names the topic of this part (H2)
  4. Conclusion

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.
Diagram or screenshot
A caption says what the image shows and why it matters. It is optional and runs one or two lines.

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

  1. A numbered item is a step that must happen in this order.
  2. Numbers use the same text style as the item and text/secondary.
  3. 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.”
Name Surname, Role, Company
Before
After
One caption describes both images, for example a before and after comparison. Optional, one or two lines.
A caption names the video and its length, for example: Walkthrough of the setup, 4 min. Optional.
GatewayRoutes.java
@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.

Insights

Keep reading