06-reference / design-mood-board / sc-stickers

readme

Sanity Check / Ray Data Co — Sticker Pack v1

Generated 2026-04-24 via xAI Grok image API (grok-imagine-image). Recipe: pop-art / Murakami-influenced illustration + thick white die-cut border + slight black drop shadow, modeled on /tmp/founder-sticker.jpg (the original Ray mascot sticker).

Intended use: bento-grid tile overlays on the next iteration of sc.raydata.co. Drop on top of warm-cream tiles; the white die-cut border sells the “peeled off a sheet” feel against any background.

2026-04-24 Ray-mascot reissue

Founder flagged 5 stickers for drifting into Reddit-alien / anthropomorphized territory (round head + expressive eyes + mouth) instead of the canonical astronaut helmet + sealed reflective visor + blue earmuff bumps + antenna silhouette. Reissued:

Canonical Ray feature lookup (authoritative): ~/.claude/skills/ray-data-co-design/brand-spec.txt — see the RAY MASCOT — CANONICAL FEATURES section. Visual reference: ~/rdco-video-studio/public/ray-character/ray-original.jpeg. Any future Ray rendering must follow that spec — no face, no eyes, no mouth; visor is the only front surface.

Recipe

Per-sticker prompt template (substitute [SUBJECT]):

A die-cut sticker illustration of [SUBJECT]. Style: bold pop-art with halftone
accents, Takashi Murakami-influenced, vibrant flat colors with subtle shading.
Wrapped in a thick white die-cut border (about 10 pixels wide) hugging the
silhouette. Slight black drop shadow behind the white border for a "physical
sticker peeled off a sheet" feel. Color palette: bold reds, yellows, pinks,
blues, white, black. Square aspect ratio. NO scene, NO background elements,
NO text unless explicitly part of the sticker.

Verdict on recipe fidelity: white die-cut border + drop shadow renders reliably on every generation (12/12). Pop-art + halftone treatment is strong on most, less consistent on the multi-color-gradient mascot variants (which lean candy-glossy rather than flat-Murakami). Text inside badges renders cleanly when the prompt commits to a single short word.

Catalog

Characters

SlugUse caseNotes
ray-mascot-base.pngHero / about / “Ray says” tileConfirms recipe — round multi-color swirl head, antenna with red ball, abstract gradient body. Glossier than the reference; halftones largely absent. Standout.
ray-newspaper.png”Latest issue” / “Reading list” tileNewspaper masthead reads “SANITY CHECK” with one letter dropped (“SANTY CHECK”). Charming if you don’t zoom in; reissue if used at large size.
ray-laptop.png”Behind the scenes” / “How it’s built” tileLaptop screen is intentionally blank — open canvas for overlay text. Strong silhouette.
ray-thinking.png”Editorial” / “Take a beat” / opinion tileRodin’s Thinker pose nailed — concentrated brow + chin-on-fist. Most editorially expressive of the four.

Animals (RDCO-themed)

SlugUse caseNotes
stingray.pngBrand mark / footer / “About Sanity Check”Rainbow gradient + halftone accent. Beautiful but more iridescent than Murakami-flat — closer to a vaporwave fish. Reissue candidate if you want the bolder treatment.
owl-glasses.png”Wise take” / editorial column / archive tilePop-art treatment is on-point — bold flat color planes, halftone belly, prominent reading glasses. Standout.
fox.png”Quick clever” / “Field notes” / shorts tileClassic alert-fox pose, bold red with halftone shadow on flank. Standout.

Badges / labels

SlugUse caseNotes
badge-new.png”NEW!” overlay on hero tilesComic-book starburst, yellow + red + halftones. Text crisp. Standout.
badge-vol-ii.pngIssue volume markers / archive ribbonsDiagonal banner, terracotta + cream, serif “VOL II” perfectly legible. Most magazine-masthead-feeling badge. Standout.
badge-draft.pngInternal / pre-publish / “WIP” tilesDistressed rubber-stamp aesthetic, faded ink red. The ONE non-pop-art sticker — intentional, reads as a paper artifact. Standout for its category.

Data-domain characters

SlugUse caseNotes
pipeline-character.png”Data engineering” / pipeline / DAG topic tilesDAG of colored nodes with two smiling face nodes, arrows as connections. Halftones on every circle. Standout.
microscope.pngMAC / verification / testing / “We checked” tilesSmiling microscope body + companion test tube. Strongest pop-art treatment of the entire pack — bold flat planes, strong halftone shadows, classic primary palette. Top standout.

Standout vs. miss summary

Top standouts (use these freely, no rework needed):

Slight misses (usable but reissue candidates if quality bar tightens):

Recipe verdict: white die-cut border + drop shadow is bulletproof (12/12). Pop-art / halftone treatment is consistent on single-subject stickers and on objects, less so on multi-color-gradient organic shapes. For v2: tighten the prompt’s flat-color language (“NO glossy gradients, NO airbrush shading — flat color planes only, halftone dots for shading not blends”) for the mascot variants and the stingray.

Hybrid samples (Branch B — Doodle + Sticker, 2026-04-24)

Second batch after the founder confirmed the doodle aesthetic on the article hero (“this doodle is strong… pen style and pop of color is really nice”). Recipe defined in brand-spec.txt as Branch B (DOODLE+STICKER HYBRID): hand-drawn doodle illustration on a lavender field (#d6d3f0), dark charcoal strokes (~3-4px), ONE yellow-or-terracotta accent element, then wrapped in the universal sticker die-cut border + drop shadow.

Intent: pair the pop-art branch (bold characters/badges) with a quieter infographic/scene branch. Where pop-art is personality, hybrid is craft.

SlugUse caseNotes
hybrid-pen-notebook-scene.png”Sat down to write” / editorial / about / article hero fallbackOne-line-ink feel, fountain pen + open notebook + terracotta-accent coffee. Extremely close to the founder’s native doodle hand. Top standout.
hybrid-data-quality-pass.png”Test passing” / data quality / RDCO MAC tilesCheckbox + squiggle-arrow chart inside a hand-drawn box. Yellow accent on the check reads as “pass.” Standout.
hybrid-pipeline-with-alert.pngRDCO data-engineering topic tiles / “pipeline broke” / alerting3-stage pipeline with a terracotta alert dot on the middle box. Clean, readable, on-brand. Standout.
hybrid-mac-framework.pngMAC positioning anchor / Scope × Basis framework explainer2×3 grid with checkmark (covered) + question mark (gap). Yellow on check. Reads as the literal MAC matrix — this is the single most useful hybrid in the set. Top standout.
hybrid-test-tube-model.pngVerification layer metaphor / “we checked”Test tube with terracotta liquid connected by thin line to a small model box. Abstract but reads cleanly. Decent.
hybrid-ray-doodle.pngComparison piece — doodle-stroke Ray vs. pop-art Ray mascotLoose ink contour, unfilled body, terracotta antenna ball. Softer/cuter than the pop-art base; different personality register. Interesting as a paired variant.

Hybrid recipe fidelity

White die-cut border + drop shadow: 6/6 rendered correctly. Lavender field color: 6/6 correct. Dark stroke weight: 6/6 correct. Single-accent-element discipline: 6/6 respected (no accent bleed). No-text-inside rule: 6/6 respected.

The doodle aesthetic survives the sticker wrap cleanly. The white border doesn’t swallow the hand-drawn quality because the doodles live on the lavender field, which gives them their own inset stage. The border reads as stage frame, not competing line work.

Prompt template for Branch B (bake into skill)

A hand-drawn doodle illustration of [SUBJECT SCENE]. Light lavender
background field, hex color #d6d3f0. Dark charcoal/marker stroke lines,
thick weight about 3 to 4 pixels, casual hand-drawn quality, NOT
polished vector — the line work should look like real ink on paper,
slight wobbles, varied pressure. Subtle [yellow #f0d048 | terracotta
#a64f3a] accent ONLY on [ONE named element]; everything else is dark
stroke on lavender. Object/symbol-based composition, NO characters,
NO faces [OR, for character variants: doodle-stroke contour, NOT
pop-art Murakami treatment]. Then wrap the entire finished doodle in
a thick white die-cut sticker border (about 10 pixels wide) hugging
the rectangular outer silhouette of the lavender field, with a slight
black drop shadow behind the white border for a 'physical sticker
peeled off a sheet' feel. Transparent background outside the white
sticker border. Square aspect ratio. Hard NOs: NO 3D rendering, NO
photorealistic, NO gradient mesh, NO iridescent, NO glossy shading,
NO text or words inside the illustration, NO additional background
scenery beyond the lavender field.

2026-04-24 Securitron bitmap expressions

Third batch after the founder flagged the sealed-visor reissues as “too childish / baby astronaut.” Solution: keep the helmet sealed (no hand-drawn face), but render an expression as a bitmap/pixel readout on the visor — the visor IS a CRT screen, not a window. Modeled on the Fallout Securitron. Recipe codified in brand-spec.txt under RAY MASCOT — EXPRESSION MODE (Mode B: Expressive / Bitmap-Display).

Adds state-signaling capability (loading, success, surprise, error) without anthropomorphizing. Helmet + earmuff bumps + antenna + blob body all stay static across frames — only the bitmap pattern changes, which is animation-ready for Lottie / sprite-sheet workflows.

SlugExpressionUse caseNotes
ray-bitmap-smile.png:)Neutral-happy / default expressive tile / “Ray approves”Cream CRT visor, black pixel smile. Minor artifact — small ghost pixel mouth to the right of the main smile — but primary expression reads clean. Canonical helmet + body preserved.
ray-bitmap-happy.png^_^Success / celebration / “passed!” / completion statesStrongest of the set. Arched pixel eyes read unmistakably as cheerful squint. Pixel resolution is the most convincing. Top standout — strongest proof of concept.
ray-bitmap-surprise.png:OAlert / “new issue” / surprise / celebratory announcementTwo rectangular pixel blocks (read as brows/eyes) + clean pixel O ring for open mouth. Lost transparent background (solid white), recoverable downstream.

Verdict on the Securitron recipe

The bitmap-face-on-visor framing escapes the baby-astronaut read cleanly. The CRT screen inside a sealed helmet reads mechanical/persona — Ray as a polite robot readout — rather than anthropomorphized cute mascot. This is the pattern going forward for any state-signaling Ray surface; the neutral sealed-visor variant stays as the brand-mark default.

ray-bitmap-happy.png is the single strongest proof of concept — use it as the reference frame when extending the set (e.g., :| neutral, :( disappointed, >:| focused, CRT-green phosphor variants).

Validation scorecard

Checksmilehappysurprise
Bitmap face INSIDE visor (not on helmet)YYY
Pixels are low-res/blocky, not smooth curvesYYY
Canonical helmet + earmuffs + antenna + bodyYYY
NO hand-drawn face on helmetYYY

No retries triggered. 3/3 on first pass.

2026-04-24 Lava-lamp swirl-body samples (CANONICAL going forward)

Fourth batch after the founder pointed at ray-newspaper.png and said verbatim: “the color swirl with the newspaper. This is like ray. Clearly AI with his colorful knowledge swirling around. Lava lamp blob form. Moldable between images but still recognizable.”

This supersedes prior Ray-body framing. Prior batches correctly locked the helmet (sealed visor + earmuff bumps + antenna + rigid silhouette) but under-specified the body as a “fixed blob torso.” The canonical Ray’s body is actually a lava-lamp color swirl — fluid, molten, moldable between renders, with pop-art colors (red + yellow + pink + blue + black) flowing into each other. The helmet is the stable anchor; the body is the expressive, ever-shifting element that carries the “clearly AI with his knowledge swirling around” read.

Spec update: ~/.claude/skills/ray-data-co-design/brand-spec.txt feature #5 revised to LAVA-LAMP COLOR-SWIRL BODY.

SlugBody shapeVisor stateNotes
ray-swirl-tall.pngTall, drippy vertical swirl extending downwardBitmap :) smile on cream CRTStrong lava-lamp swirl with drippy bottom edges; silhouette retained arms/legs but the swirl IS the body surface. Happy-Ray default.
ray-swirl-wide.pngWide, spreading horizontal puddle below helmetSealed reflective visor (neutral)Most radical departure from “fixed torso” — helmet floats atop a molten puddle. Best proof the swirl body carries personality alone. Visor rendered sealed-matte rather than expected cream/gradient — acceptable, reads as polite robot.
ray-swirl-action.pngAsymmetric swirl with round pop-art hand(s) extrudingBitmap ^_^ happy-eyes on cream CRTGenerated two hands instead of one — still reads as mid-motion. Demonstrates limb extrusion from the swirl.

Verdict on the lava-lamp swirl-body recipe

The recipe lands. All three samples show colors flowing and blending (not segmented), halftone texture threaded through the bands, and the helmet remaining rigid as the stable anchor. Ray stays recognizable across three very different body shapes — which is the whole point of “moldable between images but still recognizable.”

Strongest canonical reference frame: ray-swirl-wide.png. It’s the most radical demonstration of the moldable-body principle — the body bears no resemblance to the prior “torso” framing, yet Ray is instantly recognizable from the helmet + antenna alone, and the swirl reads as his knowledge pooling beneath him. Use this as the reference when extending the set into new contexts.

ray-swirl-tall.png is the strongest “default happy Ray” — Securitron bitmap mode + swirl body combined, walking humanoid silhouette retained.

No retries triggered. 3/3 on first pass.

Class tagging — label vs character (added 2026-04-24, v6 founder rule)

Founder feedback Apr 24 2026 on the v5-coral preview: “be intentional about which image is placed where. The new sticker looks good, but the volume 2 sticker doesn’t make much sense where it is at. There’s stickers that are good for flair, like ray doing something or the owl or fox. But the labels should be used with intention.”

Every sticker is tagged here. Both classes ride the same die-cut recipe; what differs is placement discipline:

Manifest:

SlugClassPlacement notes
badge-new.pnglabelONLY on the actual newest piece in the rendered feed (sort by pubDate desc, slot 0). Never as decoration. If nothing is “new”, omit.
badge-vol-ii.pnglabelONLY on a piece that opens or anchors Volume II. NEVER inside a section already filtered to Vol II only — that’s redundant noise.
badge-draft.pnglabelONLY in dev/preview, on tiles where post.data.draft === true.
fox.pngcharacterPlayful, top-corner safe.
owl-glasses.pngcharacter”Editorial / archive / library” connotation. Top-corner safe. DO NOT place over body copy — the v5-coral bug had it covering “dbt environmentalism, the kitchen-as-analytics metaphor…” on the Vol I card; v6 moved to top-right where the corner clears all text.
microscope.pngcharacter”Verification / data quality” connotation. Soft topic-match (data/test pieces) but flair placement is the hard rule.
pipeline-character.pngcharacter”Data pipeline / infrastructure” connotation. Used on the newsletter card mid-page as flair.
hybrid-pen-notebook-scene.pngcharacterEditorial / writing scene. Used in the hero negative space.
hybrid-pipeline-with-alert.pngcharacterPipeline scene with alert iconography.
hybrid-data-quality-pass.pngcharacterTest-passing scene.
hybrid-mac-framework.pngcharacterMAC framework diagram.
hybrid-ray-doodle.pngcharacterInk-contour Ray on lavender field.
ray-mascot-base.pngcharacterCanonical sealed-helmet Ray, portrait.
ray-laptop.pngcharacterRay at desk, behind-the-scenes flair.
ray-newspaper.pngcharacterRay reading the news.
ray-thinking.pngcharacterRay in Thinker pose, editorial flair.
ray-bitmap-happy.pngcharacterBitmap-visor expression (Securitron mode).
ray-bitmap-smile.pngcharacterBitmap-visor expression (Securitron mode).
ray-bitmap-surprise.pngcharacterBitmap-visor expression (Securitron mode).
ray-swirl-action.pngcharacterLava-lamp swirl-body Ray (canonical).
ray-swirl-tall.pngcharacterLava-lamp swirl-body Ray (canonical).
ray-swirl-wide.pngcharacterLava-lamp swirl-body Ray (canonical).
stingray.pngcharacterRDCO sea-creature mark, brand-y flair.

Source-PNG hygiene: every sticker file in this folder MUST be true RGBA-transparent PNG. The Apr 24 batch arrived as JPEGs renamed to .png (white/colored backgrounds visible) which broke the die-cut look. Fix: rembg p <input-dir> <output-dir> then verify file *.png | grep RGBA. The white die-cut border itself is painted at runtime via CSS stacked drop-shadow (8 directions, 0 blur, ~3px offset, white) so the same source PNG works at any size and the border traces the alpha shape automatically. See ~/rdco-sc/src/styles/global.css .sc-sticker rule.

Generation log