Navigation

Product showcase

A feature layout tuned for launch stories with metrics, callouts, and polished Markdown styling.

Product showcase

A feature layout tuned for launch stories with metrics, callouts, and polished Markdown styling.

Product showcase

Why this layout works for the redesign

The feature template is built to sell a story quickly. The hero panel carries the headline metrics; the body below leans on Markdown to tell the deeper narrative.

How to compose your own feature page

  1. Lean on sensible defaults. The feature panel auto-populates eyebrow, heading, tags, metrics, and CTA text when you don't set overrides.
  2. Add Markdown freely. Paragraphs, tables, and callouts adopt the same parchment treatment you see in markdown-demo.html.
  3. Swap the sidebar. Use slot-based partials when you want bespoke resources alongside the story.

“The parchment background and inked accents made our release notes feel intentional—like a carefully bound changelog.”

Content ideas for this layout

  • Pair customer quotes with metrics to anchor the story in outcomes.
  • Drop in a compact table comparing the old experience to the redesign.
  • Add a checklist using GitHub task list syntax to show readiness at a glance.

Sample comparison table

SectionOld lookRedesigned treatment
HeroHeavy gradientsSlim banner with parchment overlay
BodyPlain MarkdownGitHub-flavoured styles with inked borders
CardsFlat boxesRounded parchment panels with subtle shadows
The feature layout is equally happy with long-form copy or short blurbs. Add as many headings as you need—the responsive grid keeps the hero panel visible on wider screens while maintaining readability on mobile.