Customise color, opacity, width, and style
Every shape carries its own style. You can also change the editor-wide defaults so new shapes start the way you want.
Per-shape style
Section titled “Per-shape style”- Press V for Select, then click a shape.
- The Attribute Panel on the right exposes:
- Color (palette + custom)
- Opacity (0–100%)
- Width (for line-like shapes)
- Style (solid / dashed / template variant)
Multi-select to apply the same change to several shapes at once.
Style before you place (tool defaults)
Section titled “Style before you place (tool defaults)”You don’t have to place a shape and then recolour it. When a creation tool is active, its panel on the right already exposes the style the next shape will use — set it first, then draw:
- Activate a tool — for example press P for Participants.
- In the tool panel, pick the Template, Color, and Opacity before clicking. (Click More… under Color for the full palette.)
- Click on the canvas. The new shape is created with those settings.
Whatever you set on a tool panel sticks as that tool’s default, so every shape you draw next starts the same way — a fast way to lay down, say, a row of red vehicles without recolouring each one. Existing shapes are not touched.
To roll a tool’s defaults back to the factory settings, open the hamburger menu and pick Reset Tool Defaults.
Color palette
Section titled “Color palette”drawtonomy uses a Tailwind-style palette (grey-100 through grey-900, plus colours). For the full list, see Color palette reference.
See also
Section titled “See also”- drawtonomy.svg format — how style is persisted across save/load.