MasterStyles Reference Manual

Quick Reference

Action	How
Toggle MasterStyles	Peek Drawer menu or Cmd/Ctrl+Shift+V
Two columns	Add :::sidenotes block
One column	Set layout: one_col in frontmatter
Card	:::card[Title] ... :::
Callout	:::callout ... :::
Grid	:::grid{cols=2} ... :::
KPI block	:::kpi with :metric_val[] + :metric_lbl[]
Copy Rendered	Uses HtmlSandbox HTML (MasterStyles-aware)
Download MasterStyles	Download modal → "MasterStyles (HTML)"

---

Frontmatter (Recommended)

---
title: "Executive Summary"
subtitle: "Market signal review"
doc_type: "Document"
hero_tag: "Strategy"
hero_image: "https://images.unsplash.com/photo-..."
date: "2026-01-19"
layout: two_col
footer_left: "{{mm_user_data.email}}"
footer_right: "Generated by Masterminds AI"
---

If title is missing, the first heading becomes the hero title. If MasterStyles is off and the body already starts with a heading, frontmatter values are not duplicated.

---

Supported Tags (Cheat Sheet)

Sidebar

:::sidenotes
### Notes
- Sidebar item
:::

Admonitions

:::note
Baseline context
:::

:::tip
A best practice
:::

:::warning
A caution
:::

:::danger
A critical warning
:::

Layout Blocks

:::card[Title]
Card content
:::

:::grid{cols=3}
:::card[One]
...
:::
:::card[Two]
...
:::
:::card[Three]
...
:::
:::

Timeline

:::timeline
:::timeline-item{title="Impact" tone="gold"}
Lagging result
:::
:::timeline-item{title="Outcome" tone="tip"}
Leading result
:::
:::

KPIs

:::kpi
:metric_val[64%]
:metric_lbl[Return]
:::

Inline Badges

Priority: :badge[HIGH]
Risk: :tag[MED]

---

Rendering Notes

• Wide tables are wrapped in a horizontal scroll container.
• Unknown ::: directives are stripped; unclosed directives are auto-closed.