A place for the next idea

Opening image to add

Introduce the world of the article

Add a screenshot or supplied illustration that gives the reader a concrete setting. Describe what it shows and any limits on what it demonstrates.

The image’s source, context, and caption go here.

Before we begin

Introduce the question the article will answer and why it is worth understanding.

By the end, the reader should be able to:

Explain the central idea in their own words.
Apply it to the worked example.
Identify the limits of the result.

What you need: State the assumed background. Introduce any other terms as they appear.

I. Opening

Begin with a question worth spending time on.

Every essay begins with a little room to think. This is a preview of the reading layout: a place for an opening question, a careful explanation, and the details that make an idea useful.¹

The main argument stays in a comfortable reading column. Supporting footnotes sit beside the passage on wider screens and below it on smaller screens. The main text remains centered in both Classic and Fantasy.

II. An idea, made precise

Move from intuition to a definition.

Use a definition when a term needs a precise meaning. The muted color and small title bar keep it distinct from the surrounding prose.

Definition · A useful idea

The definition goes here. Give the reader the minimum they need to follow the argument, then show what the definition lets them do.

A worked example

A short example can follow a definition. Equations, lists, and tables use the same measure as the text, with room to scroll when a calculation needs more space.

1 + 2 + ⋯ + n = n(n + 1)2(1)

III. Code & experiments

Keep the experiment close to its explanation.

Code examples have a filename, a copy button, and a separate output area. Long lines scroll inside the example.

example.py

# A small example for the article template.
def triangular(n):
    return n * (n + 1) // 2

print(triangular(10))

A little more detail

Optional derivations, implementation notes, and longer explanations can live in an expandable section like this one.

IV. Figures & results

Let an illustration do some of the explaining.

Visualization to add

Describe the figure here

State the question the visualization should answer, its inputs or data source, the labels it needs, and any limits on what it can claim. Add your finished artwork when it is ready.

Figure 1. Replace this description with the caption for the finished visualization.

Table 1. Example table styling
Element	Purpose	Placement
Main text	The central argument	Reading column
Supporting note	Sources and asides	Beside the passage
Figure	A visual explanation	In-column or wide

V. Further reading

Sources and related work will appear here at the end of each essay.