ILLUSTRATION WORKSHOP

Wayfinding Sign System Builder

Create consistent directional signs with user-defined symbols and bilingual labels.

Build an editable composition

Preparing the worked example

Preparing example…Local artwork · Original files unchanged

Start with the example, then edit the labelled content, dimensions or geometry. Export includes editable SVG and design evidence. PNG/PDF buttons create raster proofs; projects with binary sources need their original files when reopened.

Design record

Using Wayfinding Sign System Builder

Create consistent directional signs with user-defined symbols and bilingual labels.

  1. Choose Try example to see the complete wayfinding sign system builder workflow. Use the labelled settings for dimensions/style, and the Content panel for the worked example’s JSON structure.
  2. Adjust the nearby controls and content, then update the artwork/template. Undo and redo restore text/settings decisions. Use the artboard to inspect shape, color and detail.
  3. Inspect Design data/Measurements and Review for actual evidence. Multi-page outputs provide a page selector and previous/next buttons.
  4. Export editable SVG, complete ZIP or PNG/PDF proofs. PDF contains rasterized page proofs with physical page sizes; print at actual size and use SVG when you need vectors. Save project keeps input/settings; reselect original image/font files to rebuild binary-source projects.

Example

The tailored example generates 3 design records. Uses supplied destinations, directions and secondary-language labels. Letter size and contrast are explicit design inputs; placement, accessibility and venue-specific sign standards require a real-site review.

Questions & answers

What does Wayfinding Sign System Builder support?

Uses supplied destinations, directions and secondary-language labels. Letter size and contrast are explicit design inputs; placement, accessibility and venue-specific sign standards require a real-site review.

What input should I use?

Use the labelled settings for dimensions/style, and the Content panel for the worked example’s JSON structure. Load the tailored example to see the supported fields. Edit content or geometry here; settings control the visible artboard. Measurements for print templates are in millimeters.

What can I download?

Export contains the task’s actual SVG files and evidence, a JSON/CSV report and complete ZIP. Where generated, DXF files contain supported line/circle geometry in millimeters. PNG and PDF are browser-rendered raster proofs capped to a 2,200-pixel long edge; multipage PDF retains the declared physical dimensions and supports up to 20 pages.

What should I check before using the result?

Check the actual artboard, recorded method and unsupported cases. Outlined text loses text editability and some SVG styling is outside the supported inert subset. Processing uses your local supplied evidence; nothing is uploaded, sent to a printer or applied to a live system. Public pages retain approved ads and optional consent-based analytics.

Help improve this tool

Report a problem or suggest an improvement

Describe the issue without pasting private tool input. Feedback goes to our admin inbox.

Find another tool · Read practical guides