This project uses Excalidraw for diagrams. Source files (.excalidraw) are stored alongside docs in versioned_docs/version-next/images/ and exported as transparent PNGs at 3x scale.
Colors, typography, and the official wasmCloud Excalidraw library are defined in the brand-guidelines skill (managed via skills-lock.json; see README.md for setup). The skill is open source and donated by Cosmonic — for this repository, follow the wasmCloud sections.
The wasmCloud palette in brief:
| Color | Hex | Use |
|---|---|---|
| Green Aqua | #00C389 |
Primary brand color, main elements |
| Space Blue | #002E5D |
Dark backgrounds, outlines |
| Gunmetal | #253746 |
Text, secondary backgrounds |
| Light Gray | #768692 |
Secondary text |
| Gainsboro | #D9E1E2 |
Light backgrounds, borders |
| Yellow | #FFB600 |
Highlights, CTAs |
The brand-guidelines skill is the canonical source; defer to it when the palette here conflicts with the skill content.
Load the wasmCloud and Wasm Excalidraw library and apply the wasmCloud palette. The brand-guidelines skill has more detailed guidance for diagrams created with the Excalidraw MCP server.
cd scripts && npm install && npx playwright install chromium
node export-excalidraw-png.js <input.excalidraw> [output.png]See README.md for the full contributor workflow.