This is where the full article body would live. Belkaci can drop in real content per language; the layout follows editorial conventions: ~70 character measure, generous leading, and pull quotes when warranted.

Each article is keyed by id and has translations stored alongside. The reading progress bar at the top of the viewport fills as you scroll, giving readers a sense of how much remains. Code blocks, callouts, and figures are easy to slot in.

A subhead, set in Sora

Subheads use the display family to keep the type voice consistent. The body returns to Inter for sustained reading at 17px / line-height 1.8 — the recommended article reading scale.

“Tests don’t make code correct. They make change cheap.”

More content here. The author’s voice carries through, and readers can navigate back to the journal at any time using the link above or in the navigation.

test('login flow', async ({ page }) => {
  await page.goto('/login');
  await page.getByLabel('Email').fill('me@x.com');
  await expect(page).toHaveURL('/dashboard');
});

Wrapping up. Subscribe to the journal — or don’t, but feel free to share if it helped.