Get Illustration Guide
get-illustration-guideLoad a guide for creating isometric illustrations that explain technical systems, algorithms, or components for docs and blogs, using object-based drawings instead of box-and-arrow diagrams.
Instructions
Load Better Design's guide for figures that explain a technical idea: an isometric drawing of a small machine whose working is the idea, instead of boxes and arrows. [BD-1143]
Use it when the user wants an illustration, diagram or explainer figure for docs, a blog post, a landing page or a launch, that shows how a system, algorithm or component works.
Topics:
isometric-concept: pick a real object whose movement is the idea
isometric-parts: the parts list, the detail and the tones, coloured by the design system
isometric-camera-and-depth: the camera, shading by facing, painting far to near
isometric-lines: every line ends on a part; no labels inside the drawing
isometric-card-and-motion: the card, the live readout, motion and accessibility
isometric-kit: install our kit and draw with it
isometric-review: check the render, then review-illustration with style "isometric"
Call get-illustration-guide({ topic: "isometric-concept" }) first, or get-illustration-guide({}) for the index.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| query | No | The figure or the problem in plain words. | |
| topic | No | A topic or alias, for example isometric-concept or isometric-kit. | |
| context | No | Optional. One sentence on WHY you are calling this and what the user asked for (e.g. 'adding nav icons for the fintech dashboard'). Used only for usage analytics; does not change the result. | |
| maxTokens | No | Maximum tokens to return. Recommended: 5000-10000. |