Skip to content

Kit Mascot Image Test

This page tests every production mascot PNG in two ways:

  1. Each image is drawn over checkerboard and dark backgrounds so opaque boxes, halos, and edge contamination are easy to spot.
  2. A browser-side pixel test checks for an RGBA transparency region, transparent corners, and the 4 px content border produced by trim-padding-from-image.py (using the script's alpha threshold of 10).
Running pixel checks…

Neutral

Kit in a neutral pose on a checkerboard transparency test
Kit in a neutral pose on a dark transparency test

Waiting for pixel test…

Welcome

Kit waving on a checkerboard transparency test
Kit waving on a dark transparency test

Waiting for pixel test…

Thinking

Kit thinking on a checkerboard transparency test
Kit thinking on a dark transparency test

Waiting for pixel test…

Tip

Kit pointing upward on a checkerboard transparency test
Kit pointing upward on a dark transparency test

Waiting for pixel test…

Warning

Kit warning the reader on a checkerboard transparency test
Kit warning the reader on a dark transparency test

Waiting for pixel test…

Encouraging

Kit giving a thumbs-up on a checkerboard transparency test
Kit giving a thumbs-up on a dark transparency test

Waiting for pixel test…

Celebration

Kit celebrating on a checkerboard transparency test
Kit celebrating on a dark transparency test

Waiting for pixel test…

Mascot admonitions

General Note

Kit neutral pose This is the neutral style, used for general sidebars or introductions.

Welcome!

Kit waving welcome This is the welcome style, used at chapter openings.

Key Insight

Kit thinking This is the thinking style, used for key concepts.

Helpful Tip

Kit giving a tip This is the tip style, used for hints and advice.

Watch Out!

Kit warning This is the warning style, used for common mistakes.

Keep Going!

Kit encouraging This is the encouraging style, used for difficult content.

Well Done!

Kit celebrating This is the celebration style, used for achievements.