Welcome to the demo

The redesign pairs soft parchment panels, lively typography, and GitHub-flavoured Markdown styling to keep every page readable and on-brand.

What changed in this redesign

• A warmer parchment canvas, accented with ink-like borders and subtle gradients.
• GitHub-flavoured Markdown styles so tables, lists, and checkboxes match the design system.
• Slimmed-down hero overlays and CTAs controlled entirely through front matter slots.

Design moves to try

1. Swap layout: one for layout: feature or layout: gallery to showcase different templates.
2. Set segment to change the body class and target section-specific color tweaks.
3. Load a minimal hero by using hero_variant: title-only in your front matter.

Component sampler

• Parchment cards – Wrap content in <section> or <blockquote> to see the textured background kick in.
• Task lists – Use GitHub checkboxes to mirror the styles in markdown-demo.html.
• Tables – Add compact tables for comparison; the CSS keeps them scrollable on mobile.

Try the image shortcode with the new caption style:

Looking for layout-specific demos?

• [Feature](showcase) · hero stats, sidebar resources, and a flexible main body
• [Gallery](gallery) · responsive grid for collections with consistent card chrome
• [Timeline](timeline) · milestone storytelling with vertical markers

Quick answers

How do I preview the Markdown skin alone?

Open redesign/markdown-demo.html to see the raw styles before wiring them into PHP layouts.

Can I mix Markdown and HTML safely?

Yes—use Markdown for prose and sprinkle semantic HTML where you need grids, callouts, or custom wrappers.