Astromer - Molecular Astronomy for the Web

am-article

ArticleHeaderProseSectionRelatedCTA組成清楚、可閱讀的內容頁 flow。

Content flow

Use a consistent article shell for every long-form story.

這條 flow 模擬內容型網站文章頁:先建立文章上下文,再用可控 prose 容器承載內容,最後收斂到下一步 CTA。

  • July 16, 2026
  • 8 min read
  • Astromer 1.0

Why this matters

Article pages need a stable shell too.

固定的 header、正文寬度與尾段 CTA,能讓讀者在不同文章之間維持熟悉的閱讀節奏。

內容頁應沿用和其他頁型相同的 layout、form 與 navigation primitives,同時把長文閱讀需要的 measure 與 spacing 收斂成可重用 pattern。

Minimum stable surface

  • 文章標題、摘要與 metadata 要有固定結構。
  • 正文需要可重用的寬度、間距與 typographic rhythm。
  • 尾段 CTA 要能自然接到 related guide、contact 或 booking flow。
清楚的內容層級能讓讀者快速定位,也讓不同文章維持一致體驗。

使用 page-level pattern,就不必每次從零拼 SectionContainerButton與 spacing。

Flow status

3Article patterns
SemanticHTML-first structure
ResponsiveReadable text measure