AutoSignMockup Canvas Studio

1 of 4

Sign in to use host tools.

Share Design

Administrator Settings

Confidential pricing profiles

These coefficients are loaded only after administrator authentication and are never included in public design snapshots.


Storefront templates

Upload a storefront, click two endpoints of a known distance, and enter that distance. The saved reference will be applied whenever this template is used.

Choose an image, then click the first and second reference points.

Project details

Project details

Keep the customer’s name, tagline, storefront, font, and colors up to date.

Montserrat Semi Bold
Red · #E10B0B

1. Enter business name and tagline

Tagline is always rendered in a block-style Google Font. Leave it blank if no tagline is needed.

2. Storefront

The app reads images from the storefronts folder when directory listing is available. It can also use storefronts/manifest.json or numbered files such as storefront-01.png.

3. Business Name Font Style

Compare mode is showing only your selected sign words. Pick one as the final sign words style.

4. Colors and Tagline Font Style

Final sign words style selected. Preview now shows the selected business text with watermark.
Select the storefront, business name, tagline, or logo in the preview. Drag inside the blue box to move it. Drag a blue corner handle to resize it. On touch screens, use two fingers to pinch-resize the selected object or the object under your fingers. The zoom slider is in the Mockup preview card on the right.

Letter outline and shadow are reversible in the script by setting letterEffects.enabled to false.

5. Measure and Dimension

Launch QuickMeasure

Open the measuring tool to capture dimensions before finalizing the sign mockup.

This button opens the QuickMeasure route in a new browser tab. Update quickMeasureUrl in the script if the route changes.

Estimate comparison

All amounts are preliminary and use the active measurement reference plus administrator-configured server pricing.

DesignSign typeTaglineMeasured sizeTotal

Pricing policy

AI Assist

Original
Original storefront

Email design

Sign in to view credits.