Playground
Smaller, rougher, and more experimental than the rest of the site — things built to learn something specific, not to be polished.
Cursor-reactive grid
- Motion
- SVG
- Interaction
A grid of dots that scale based on distance to the cursor. A small proof of a smooth, GPU-friendly hover interaction — try moving your mouse over it.
Contrast checker
- Accessibility
- Tool
A small, real tool: type two colors and get the WCAG contrast ratio and pass/fail at AA and AAA. Built while double-checking this site's own palette.
Sample text
18.28:1
- AA — normal text: Pass
- AA — large text: Pass
- AAA — normal text: Pass