STYLE PITCH · 10 BACKGROUND TREATMENTS · SIDE-BY-SIDE

Pick the visual direction.

Ten different background treatments — one per page from the missing-items list. Each thumbnail is the actual style applied (pure CSS + SVG, no image dependencies). Scan them, pick the direction you want, and that style gets propagated across the system.

CARTOON SKETCH01

Cartoon Sketch

PAIRED WITH · /bin-hub

Hand-drawn, friendly, approachable. Comic Sans on the recycle marks, jagged edges via SVG turbulence, sunshine and cartoon clouds. Reads as "we're a community thing, not corporate."

Visit /bin-hub Pick this

REAL-LIFE / SUNSET02

🏖️

Real-Life · Sunset Beach

PAIRED WITH · /bin/<id> · Per-bin page

Photographic-feel gradient — daylight blue → golden hour → twilight. SVG silhouette and sun. Reads as warm, real-world, on-the-ground. Best for pages tied to physical locations (a single bin lives somewhere).

View Bin Hub Pick this

ISOMETRIC 3D03

Isometric 3D · Tech

PAIRED WITH · /beach/<id> · Per-beach page

Floating purple cubes on a perspective grid. Reads as "this is software, this is infrastructure, this scales." Best for pages where the data structure is the story (beaches as parents that own multiple bins).

View Beach Hub Pick this

PIXEL ART · 8-BIT04

Pixel Art · 8-Bit

PAIRED WITH · Duplicate Claim Guard

Retro-game aesthetic. Reads playful, gamified, shareable. Best for system-rule pages where you want users to engage with what would otherwise feel like a dry technical concept ("you cannot claim this bin twice — game over").

View Beach Hub Pick this

MINIMAL FLAT05

Minimal Flat · Memphis

PAIRED WITH · Bin Deployment Wizard

Clean geometric shapes, warm cream background. Reads as Mailchimp / Notion / modern SaaS. Best for forms and step-by-step wizards where you don't want visual noise competing with the inputs.

Visit /bin-deployment Pick this

COMIC BOOK · POW06

PICK
ONE!

Comic Book · Action

PAIRED WITH · Bin Route Choice (path A or B)

Ben-Day dot pattern + bold POW! burst. Reads as decisive, urgent, two-paths-only. Best for the interstitial route-choice page where the user MUST pick one direction before continuing.

Visit Route Choice Pick this

BLUEPRINT · TECHNICAL07

Blueprint · Engineering

PAIRED WITH · Equilibrium Ledger

Cyan-on-navy schematic, monospace labels, dashed flow lines. Reads as "this is engineered, audited, exact." Best for finance / ledger / allocation pages where precision is the message.

Visit Equilibrium Ledger Pick this

WATERCOLOR · SOFT08

~ where the data
meets the tide ~

Watercolor · Editorial

PAIRED WITH · Beach Analytics Dashboard

Soft blurred colour blobs on cream paper, italic serif overlay. Reads as editorial, calm, considered. Best for analytics pages where you want the visuals to feel insightful rather than aggressive.

Visit Beach Analytics Pick this

NEON CYBERPUNK09

Neon Cyberpunk · Synthwave

PAIRED WITH · Bulk Bin Import (CSV)

Glowing horizon, perspective grid floor, banded sunset orb. Reads as "high-throughput, machine-scale, doing something big at once." Best for batch/bulk operations where the volume is the story.

Visit Bulk Import Pick this

JAPANESE INK · SUMI-E10

印章

Japanese Ink · Sumi-e

PAIRED WITH · Batch QR Generation

Black brush mountains on cream paper, red seal in the corner. Reads as quiet authority, craft, intention. Best for pages that produce something physical (printable QR sheets) — the page itself becomes a stamp.

Visit Batch QR Pick this

How to use this pitch.
Tap "Visit" on any card to land on the actual page. Tap "Pick this" and tell me the number — I'll propagate that style across the system, or mix-and-match per page if you want different vibes for different sections.
Each treatment is pure CSS + SVG — no image dependencies, instant load, fully accessible (alt text on every visual, proper colour contrast on labels).

Open /bin-hub Open /beach-hub Open /equilibrium-ledger Reload pitch