Test Post — Layout, Callouts & Takeaways

A test article to validate typography, spacing, code blocks, callouts and takeaway.

This is a test post to validate the new blog layout.

It should feel comfortable to read: good line-height, spacing, and hierarchy.

Reality check: most agencies don’t lose money because delivery is hard. They lose money because cost visibility comes too late.

Section 1 — Typography & spacing

This paragraph is here to test normal text spacing. It should not feel cramped, and it should not feel like a wall of text.

Here’s a bullet list:

A list item with enough breathing room
Another item to test spacing
A third item

Section 2 — Inline code & code blocks

Inline code should look clean, like hourly_cost, billable_rate, budget, and planned_hours.

type ProfitabilityInput = {
  budget: number;
  plannedHours: number;
  hourlyCost: number;
};

export function marginPercent(input: ProfitabilityInput) {
  const cost = input.plannedHours * input.hourlyCost;
  const profit = input.budget - cost;
  return (profit / input.budget) * 100;
}