Visual System Overview

This article documents the visual foundation used in this template. The goal is to keep structure clear and content neutral.

Typography

• Primary heading uses a compact, bold style.
• Body text keeps consistent line height for reading comfort.
• Metadata lines use smaller muted text for contrast.

Spacing

• Section cards use one rhythm unit for inner padding.
• Vertical stacks keep predictable gaps between modules.
• Mobile spacing is reduced to preserve viewport balance.

Surfaces

Each key module is wrapped by a bordered card:

1. Hero summary card
2. Page title card
3. Post list cards
4. Article content card

This creates a uniform visual language that can host any future content.