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.
Step 2 of 4
Place your sign
Drag the sign into position and use its corner handles to resize.
Placement saved automatically Visual edits do not change the measurement reference.
Step 3 of 4
Check the reference
Use the left Measurements control to enter a known reference length, mark two points on the main preview, and capture D1-D6.
Reference not setThe Measurements editor owns reference scale and D1-D16 dimensions.
Open Measurements to set the authoritative reference.
Step 4 of 4
Your result is ready
The estimate remains preliminary until pricing is verified.
Preliminary estimatePricing unavailableVerified pricing inputs are still pending.
Email your result
Watermarked PNG by email1 credit
Unwatermarked PNG by emailDelivered to the address you choose
1 credit
Each successfully delivered email consumes one credit. Failed deliveries return the credit automatically.