Mascot Style Guide — Sentinel the Fox

This page shows all seven mascot admonition styles for reference. Use it to verify CSS rendering and image padding after generating Sentinel's poses.

A Note from Sentinel

This is the neutral style, used for general sidebars, asides, or any note that doesn't call for a specific emotional tone.

Welcome!

This is the welcome style, used at chapter openings. "Trust, but verify — let's get started!"

Key Insight

This is the thinking style, used for key concepts and "aha" moments that connect ideas across chapters.

Sentinel's Tip

This is the tip style, used for hints, shortcuts, and practical advice that saves students time or surfaces a useful habit.

Watch Out!

This is the warning style, used for common mistakes, footguns, and insecure patterns to avoid.

You've Got This

This is the encourage style, used for difficult content where students may struggle. Normalize the struggle and keep them moving.

Well Done!

This is the celebration style, used at section completions and achievements. Dark background so pale confetti sparkles remain visible.

---

Padding Check

If any pose appears too small inside its admonition box, the source PNG has excess transparent padding. Trim it with:

python ../claude-skills/src/image-utils/trim-padding-from-image.py docs/img/mascot/FILENAME.png

Replace FILENAME with the specific pose (e.g. neutral, welcome, etc.).