Gallery layout

Use this layout when you need to showcase multiple resources with equal weight. Each card inherits the parchment frame, rounded borders, and inked shadows from the redesign.

• Pattern

  Parchment cards

  Stackable cards with gentle gradients and a faint outline to separate content without heavy borders.

  🎴 Reusable block

• Navigation

  Title-only banner

  A slim hero option powered by hero_variant: title-only when you want copy-first pages.

  🏳️ Headline focus

• Typography

  Display + workhorse fonts

  Agbalumo for display; Onest for everything else, balanced for readability inside Markdown bodies.

  🖋 Type pairing

• Markdown

  GitHub flavouring

  Tables, task lists, and code fences styled to match markdown-github.css without extra markup.

  ✅ Ready to paste

• Interactions

  Details + summary

  Collapsible sections that keep the parchment texture intact for FAQs and microcopy.

  ➕ Toggle ready

• Accessibility

  Contrast + focus

  Color tokens meet WCAG AA and highlight focus states that echo the subtle outline style.

  ♿ Inclusive by default

Tips

• Swap the <ul> for <div> if you want a semantic-free container.
• Mix iconography—emojis, inline SVG, or your own asset set—for fast visual scanning.
• Pair this grid with links to redesign/markdown-demo.html so contributors see the Markdown skin in isolation.