Design Rules Handbook
The confirmed design rules, shown as a viewable checklist.
Warming up the lab…
Hi, welcome to my little lab A hand-drawn lab for slow tinkering
I write code, run experiments and doodle on the side. This site is my hand-drawn personal lab for the things I tinker with.
- Experiments
- Languages
- Paper backgrounds
- Fonts self-hosted
Things I tinker with
Font Lab
Pick a heading font against the real site fonts: size, weight, color and line-height, all live.
Xiaohongshu Messages Replica
A 1:1 replica of the Xiaohongshu desktop messages screen — conversations, bubbles and the emoji panel all work.
Crash Drill Ground
Error, 404 and loading fallbacks — trigger them all yourself with one press.
Markdown Renderer
A Typora-style Markdown workbench — drop files into public/docs and they appear.
API Playground
A shelf for APIs I want to try — starting with Bing's sky of the day.
A closer look
About this little lab
This site is my hand-drawn little lab for the things I tinker with — code, experiments, illustrations… and the occasional note.
- UI Design
- Illustration
- React
- Next.js
- TypeScript
- TailwindCSS