AstroStatic Site

This article is intentionally written as a UI verification narrative, not just a routing smoke test.

It helps us validate whether the implemented pages truly follow the design system:

1. reading comfort around a ~650px text measure,
2. editorial hierarchy between title, meta, and body,
3. structure formed by whitespace and tonal layers instead of border-heavy cards.

Typography Before Decoration

In the Invisible Gallery system, typography is architecture.
If a page needs lots of boxes and shadows to feel organized, the layout itself is weak.

So the current implementation applies one strict split:

• expressive layers (headlines and body) in Noto Serif,
• utility layers (labels, metadata, navigation) in Inter,
• one surgical accent color for intent and interaction.

Why This Content Is Deliberately Richer

Simple one-line placeholder content cannot expose real UI quality.
Richer paragraphs, section headings, and list rhythm make spacing flaws obvious and force the page to prove it can hold narrative density.

When this page still feels calm under denser content, the UI is close to the intended high-fidelity result.