Vector cover

Configuration

The palette below is a default. Swap the hex values in template.html for your own brand, and keep the rule of exactly one accent color. Cover copy (eyebrow, title) comes from your article, not from this skill.

Requirements

• Google Chrome or Chromium. render.sh finds it in the standard macOS locations or on PATH. Set CHROME to override.
• No other dependencies, and no browser automation setup.

What this is

A designed vector graphic built as code: flat SVG on a small set of color tokens, rendered and screenshotted. It is not a diffusion image.

• Yes: flat vector, geometric line-art, precise serif type, one accent color.
• No: photorealism, gradients, glow, drop shadows, 3D, texture. If a request needs a photo, this is the wrong tool.

Design system (default palette, configurable)