Vector Music Notation Diagrams

I have a set of 21 small diagrams that explain entry-level music-theory ideas—staves, clefs, notes, rests, accidentals, scales, time signatures and a few Italian tempo markings. They will sit inside a dark UI (#111119), so every line, stem and glyph must render crisply in light colours on that background.

The finished artwork must be supplied exactly as optimised SVG 1.1 files, one per diagram, with:
• viewBox only (0 0 600 300 unless I note otherwise)
• no hard-coded width/height, transparent background, ~24 px safe margin
• all text converted to outlines and the file passed through SVGO so there are no external fonts or style sheets.

Deliverables
1. 21 correctly named SVG files
2. A single ZIP archive of those files
3. A PDF contact sheet that shows every diagram against the #111119 background for quick review.

Because accuracy matters more than style, you need to read music fluently and play an instrument to at least Grade-5 theory level; that way you can self-check note values, clef placement, key signatures and so on. Please include a short line about your instrument, theory background and any notation software or vector tools you use (Illustrator, Inkscape, etc.) when you respond.

I will provide the exact list of filenames.

Send back a small sample (one SVG on the dark background) if you’d like early feedback; once the full set passes visual and musical proof-reading, the project is done.