# Portable prompt — paste this into any capable AI chat to get a card-studio-grade card

> **PORTABILITY NOTE (added 2026-07-27).** This process doc is published from Imperium's
> internal operating system. The METHOD is fully portable: prompts, model choices and
> parameters, CSS/SVG recipes, QA gates, and cost discipline all work anywhere. Paths that
> start with `~/.claude/`, `<repo-root>/`, `presentations/`, `scripts/`, or `memory/` are
> internal conveniences on the author's machine; substitute your own equivalents (any
> headless-browser screenshot loop, any image toolchain). Same for internal distribution
> steps (Google Drive folder IDs, Telegram bots) and `<your-vercel-team>` deploy scopes:
> use your own storage, messaging, and hosting. Working style anchors ship WITH this kit
> in `../cards/`, `../console/`, and `../folder/` — start from those, not from zero.

Copy everything between the lines. Fill the [BRACKETS]. Attach a reference image if you have one.

---

Create a premium marketing/category card as a single standalone HTML file, using this exact method. The bar is the modern fintech-grade "3D object card" aesthetic (Fey/Mercury style): a code-built card with a photoreal 3D prop composited on top. Do not settle for flat CSS illustration.

**The card:** [SUBJECT, e.g. "AI Voice Agents"] for [BRAND/CONTEXT]. Size [e.g. 1492x712] px, corner radius [e.g. 40] px, title "[TITLE TEXT]" on the [left/right], a small "[LABEL, e.g. LEARN MORE]" row with an arrow, prop on the [right/left] bleeding off 1-2 edges.

**Method, in order:**

1. **Card chrome is 100% HTML/CSS.** Never ask an image model to draw the card, its background, or any text; models garble text and drift layouts. Build: a 4-5 stop linear-gradient base; corner or edge accent glows as SMALL tight radial-gradients (big soft radials wash the card out); optionally a bottom rim-light strip (linear-gradient(0deg, light, transparent) over ~60px) and film grain (inline SVG feTurbulence data-URI tile at opacity 0.07-0.10 with mix-blend-mode: overlay). Bundle the font as a local woff2 @font-face. Title in a rounded geometric sans [or BRAND FONT], tracked uppercase label (letter-spacing ~3px), arrow as an inline SVG path with round caps.

2. **The prop is AI-generated as an isolated object, then cut out.** Generate a photoreal 3D object with a text-to-image model using a LOCKED STYLE BLOCK you keep word-for-word identical across every prop of the set (only the object clause changes), e.g.: "Minimalist premium 3D render: [OBJECT DESCRIPTION], matte white porcelain material with soft satin sheen and subtle grey ambient-occlusion shading, soft diffused studio lighting from the upper left, gentle rim light, floating at a dynamic angle, solid flat medium-grey background, centered with generous margins, no text, no watermark, high-end app category illustration aesthetic." Then remove the background to a true-alpha PNG. If text must appear on the prop, keep it under ~5 words, spell it in the prompt, and verify character by character; anything longer gets overlaid in code.

3. **Composite:** the prop as an absolutely-positioned <img> inside the card (overflow:hidden clips it at the rounded corners), sized 70-85% of card width, bleeding off 1-2 edges for dynamism, grounded with a drop-shadow tinted toward the card background: filter: contrast(1.07) brightness(0.985) drop-shadow([20-34]px [26-34]px [30-40]px rgba([dark tone of the card bg], 0.4-0.55)). (These numbers mirror card-studio.md Unified standards — that file wins on any drift.)

4. **Verify like an engineer:** render/screenshot the HTML at exact size, compare against the reference (if given) or judge at 100% and 200% zoom, fix the worst element, repeat. Do at least two iterations before presenting. Deliver the HTML file plus a PNG render, and if possible a transparent-corner PNG (rounded-rect alpha mask).

**Quality bars:** every string spelled exactly; prop and card read as one lighting world (shadow direction matches the gradient's light); no white halo pixels around the cutout; nothing generated by a model except the isolated prop.

---

## Notes for the operator (not part of the prompt)

- In Alex's own environment this is superseded by the `card-studio` skill, which adds the
  measured-replica loop, Higgsfield job chaining, cutout hygiene scripts, and the Imperium
  brand-v5 integration. The prompt above is the dependency-free version for other chats.
- Proof it works first-shot: `references/gallery/` — the Imperium test card was built by
  feeding this prompt back to the skill owner cold.
