Example Blog Post

// METRICS

Genre: Devlog
Date: May 2026

A short summary for the blog card and link previews. It is cut off after three lines on the card.

Section Heading

Plain Markdown paragraphs become normal body text. Use ## for a green section heading and ### for a smaller paragraph heading.

Media beside text

Put an image, .mp4 or YouTube link in src, and choose side="left" or side="right". Leave src empty to see the placeholder.

Text beside code

Explain the snippet here. The code block on the right uses your Figma code colors.

// Dissolve edge

float noise = tex2D(_NoiseTex, i.uv).r;
float edge = step(noise, _Cutoff);
return lerp(_EdgeColor, col, edge);

A label and caption are optional.

// Full-width code

public class Example : MonoBehaviour
{
    private int someNumber = 30;
    private void Update() { }
}

Any Markdown table gets the same frame as a code block. Wrap it in :::table to give it a label and caption (both optional). Inside :::text-code, a table sits in the code column instead.

// Weapon stats

Weapon	Damage	Notes
Pistol	12	Infinite ammo
Shotgun	8 × 6	Pellets spread in a 30° cone

Use :--- , :---: or ---: in the divider row to align a column.

Captions are optional — put an image path before the quotes