Skip to content

Images

Cover art is optional but encouraged — it appears on topic cards and the exploration sidebar. The widget is the serious work; the image expresses what the protocol change feels like.

Generating cover art

Brief your agent with Images rules, then use the cover-image skill for AI prompts. You approve subject/mood before generation.

Format & files

PropertyRecommendation
FormatWebP preferred
Size768×1024 portrait, 3:4
Filesrc/explorations/<id>/image.webp
ThumbnailOptional image_small.webp (~300px) for cards

Import in info.ts as image and optional imageSmall.

Color rules (strict)

Allowed palette only:

  1. Full greyscale (black → white)
  2. Shades of the exploration's topic color

No other hues. Keep greyscale and topic color visually separate. Topic hues: TOPICS.ts.

Style & composition

Abstract technical illustration — blueprint, sketch, pen-and-ink. Not photorealistic or cartoon.

  • One focal point; generous white margins
  • No text, labels, or watermarks
  • Subtle Ethereum association (geometry, networks) — no prominent logos

Social preview (OG)

Link cards (1200×630) are generated, not hand-drawn:

bash
npm run generate:og:exploration -- eip-XXXX

Regenerate when title, seoDescription, topic, or cover changes. See website/og/README.md. This is not cover art.

Quick reference

RuleDetail
ColorsGreyscale + topic shades only
LetteringNone
Generate artcover-image skill
Link previewsnpm run generate:og:exploration -- <id>

Structural base v0.1.3 — latest docs always apply. See changelog for history.