Reference scale Not set
StatusNot set
Reference points0/2
Plane Storefront facadeMethod Customer referenceScale Authoritative
D1-D16Measurements load after the canvas initializes.N/A
Permit
Permit tools coming soon.
Tools
Step 1 of 4
Create your sign
Start with the words customers should see.
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.
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 creditEach successfully delivered email consumes one credit. Failed deliveries return the credit automatically.
Price readiness Sensitive
Price unavailableValid reference and required dimensions are needed.
Email results
Requirements to unlock Estimate
Estimate unlocks only when all required inputs are complete.
Reference state is valid●
Facade plane is set●
Sign width is set●
Sign height is set○
Business name width is set○
All required dimensions present○