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.
Defaults
Section titled “Defaults”To make every new lane start at, say, 60% opacity:
- Open the hamburger menu.
- Pick Defaults.
- Change the value under Lane.
Defaults take effect for newly created shapes. Existing shapes are not touched.
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.