player 1 · press start
papercade
pixel-game UI × hand-drawn sketch — unmistakably one thing ✏
scroll · the character is the progress bar
he inks the route as he goes ✏
px-avatar bring your own sprite sheet
the only mascot component that takes your character, not ours
src for your own sheet ✏
px-holo-card / px-flipcard the unit cards
the front of the card ✏
Parth Anand
class: product designer · lvl 5+
recruit this unit ✏
foil variants · hover each to compare
the single-hue ones are one line of css each ✏
spectrum · default
coin palette
neutrals
one hue · cyan
one hue · crt green
one hue · violet
screen blend
no foil
tokens the palette
paper · ink · accent · amber · excalidraw pairs
px-frame pixel-cornered box
quest log
A 20-point clip-path cuts stepped corners — no images, no border hacks.
system message
IT'S DANGEROUS TO SHIP ALONE.
px-card sketch card
field notes
This border is a rough.js stroke, drawn once at build time with a fixed seed — it never re-jitters.
inventory
same sketch, night mode — and it leans like a polaroid ✏
px-btn sketch button
press one — it pushes into the paper ✏
px-quest quest select
the avatar slot shows up on the active quest ✏
px-chip HUD chips
px-coin collectible wallet
click one — the total is shared, saved, and survives a reload ✏
third coin is sticky and opts into sound · everything else stays silent
px-dialogue RPG dialogue box
IT'S DANGEROUS TO SHIP ALONE. TAKE THIS.
SAME BOX, PAPER SIDE. TAIL FLIPS RIGHT.
px-note / px-arrow annotation
px-xp / px-hp meters
same meters, game screen