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
| Property | Recommendation |
|---|---|
| Format | WebP preferred |
| Size | 768×1024 portrait, 3:4 |
| File | src/explorations/<id>/image.webp |
| Thumbnail | Optional image_small.webp (~300px) for cards |
Import in info.ts as image and optional imageSmall.
Color rules (strict)
Allowed palette only:
- Full greyscale (black → white)
- 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-XXXXRegenerate when title, seoDescription, topic, or cover changes. See website/og/README.md. This is not cover art.
Quick reference
| Rule | Detail |
|---|---|
| Colors | Greyscale + topic shades only |
| Lettering | None |
| Generate art | cover-image skill |
| Link previews | npm run generate:og:exploration -- <id> |