Studio Panel Reference

Every word the Studio panels supply themselves: 284 default labels across 27 panels, each listed under the panel that shows it.

Studio configuration sets the words you choose: your heading, your upload prompt, your final action. Everything else the editor draws comes from its own panel strings, and this page is the list of them. Use it to review the exact wording a customer sees before you embed the editor, and to name a specific label when you write to us about one.

For the keys you set yourself, see Studio configuration.

Reading the table

A key names one string. The default text is what the panel shows in English. A value in braces, such as {count}, is filled in at runtime and stays as it is. A string that more than one panel draws is listed under each of them.

Every key is on this page at once, so your browser find reaches all of them. The filter below hides the rows it does not match, so clear it before searching the page for something else.

Filter by key or text

Showing all 284 keys.

Shared panels

Surfaces both editors draw.

Editor header

The bar across the top of both editors, with your logo and the close control.

Key	Default text
`header.closeCustomizer`	Close customizer
`header.storeLogoAlt`	Store logo

Mobile sheet

The slide-up sheet that carries a panel on small screens.

Key	Default text
`sheet.closeAria`	Close `{title}`

Scroll cue

The hint shown when a list continues below the visible area.

Key	Default text
`scrollCue.moreBelow`	More below

PSD editor panels

Surfaces the PSD editor draws when a customer customizes a template.

PSD editor frame

The PSD editor while it loads, plus the controls that collapse each side panel.

Key	Default text
`common.close`	Close
`psd.loadingMockup`	Loading mockup...
`psd.rail.collapseLayers`	Collapse layers panel
`psd.rail.expandLayers`	Expand layers panel
`psd.rail.collapseAdjustments`	Collapse adjustments panel
`psd.rail.expandAdjustments`	Expand adjustments panel
`layers.title`	Layers
`adjust.title`	Adjustments
`text.title`	Text

Layers panel

The layer list and the card for the layer being edited.

Key	Default text
`common.undo`	Undo
`scrollCue.moreLayersBelow`	More layers below
`layers.title`	Layers
`layers.countOne`	`{count}` layer
`layers.countMany`	`{count}` layers
`layers.empty`	No layers available
`layers.artwork`	Artwork
`layers.dropzoneFormats`	PNG, JPG, WebP, GIF
`layers.changeArtwork`	Change artwork
`layers.removeBackground`	Remove background
`layers.removingBackground`	Removing background…
`layers.backgroundRemovedUndo`	Background removed · Undo
`layers.removingBackgroundStatus`	Removing background.
`layers.backgroundRemovedStatus`	Background removed.
`layers.collapseAria`	Collapse `{name}`
`layers.expandAria`	Expand `{name}`
`layers.fitMode`	Fit Mode
`layers.position`	Position
`layers.size`	Size
`layers.lockAspect`	Lock aspect ratio
`layers.unlockAspect`	Unlock aspect ratio
`layers.rotation`	Rotation
`layers.color`	Color
`layers.resetToDefaults`	Reset to defaults
`fit.fill`	Fill
`fit.fit`	Fit
`fit.crop`	Crop

Color picker

The color control offered on a layer and on text.

Key	Default text
`common.selected`	Selected
`scrollCue.moreColorsBelow`	More colors below
`color.hexAria`	Color hex value
`color.selectedColorAria`	Selected color: `{name}`
`color.openPicker`	Open color picker
`color.pickerTitle`	Color Picker
`color.closePicker`	Close color picker
`color.pickFromScreen`	Pick color from screen
`color.noColor`	No color
`color.setColorAria`	Set color to `{name}`

Blend mode list

The blend mode names offered on a PSD layer.

Key	Default text
`blend.normal`	Normal
`blend.multiply`	Multiply
`blend.screen`	Screen
`blend.overlay`	Overlay
`blend.darken`	Darken
`blend.lighten`	Lighten
`blend.color-dodge`	Color Dodge
`blend.color-burn`	Color Burn
`blend.hard-light`	Hard Light
`blend.soft-light`	Soft Light
`blend.difference`	Difference
`blend.exclusion`	Exclusion
`blend.hue`	Hue
`blend.saturation`	Saturation
`blend.color`	Color
`blend.luminosity`	Luminosity
`bar.blendMode`	Blend mode

Artwork controls

Flip, rotate, and reload actions on the artwork inside a layer card.

Key	Default text
`artwork.header`	Artwork (`{dims}`)
`artwork.flipHorizontalTitle`	Flip Horizontal
`artwork.flipHorizontalAria`	Flip horizontal
`artwork.flipVerticalTitle`	Flip Vertical
`artwork.flipVerticalAria`	Flip vertical
`artwork.rotate90Title`	Rotate 90°
`artwork.rotate90Aria`	Rotate artwork 90 degrees
`artwork.remove`	Remove artwork
`artwork.reload`	Reload artwork
`artwork.loadFailed`	Artwork could not be loaded.

Text panel

The header of the editable text layer list.

Key	Default text
`layers.countOne`	`{count}` layer
`layers.countMany`	`{count}` layers
`text.title`	Text

Text layer card

The card for one editable text layer, including its font, size, and outline controls.

Key	Default text
`common.collapse`	Collapse
`common.expand`	Expand
`layers.fitMode`	Fit Mode
`layers.color`	Color
`text.styleFallback`	Style
`text.partPlaceholder`	Part text
`text.emptyText`	Empty text
`text.hiddenBadgeTitle`	This layer is hidden in the source file. Editing its text turns it on for this render.
`text.onForRender`	On for this render
`text.hiddenInPhotoshop`	Hidden in Photoshop
`text.lockedNote`	This text layer can't be edited yet.
`text.eachPartStyling`	Each part keeps its own styling.
`text.resetToOriginal`	Reset to original
`text.textLabel`	Text
`text.enterText`	Enter text
`text.fontWarning`	The original font isn't available yet. Edits render with a default font.
`text.font`	Font
`text.fontCatalogUnavailable`	The font catalog is unavailable for this session.
`text.chooseFont`	Choose a font
`text.fontSize`	Font Size
`text.verticalAlign`	Vertical Align
`text.colorOverlayTitle`	This color replaces the layer color overlay for this render.
`text.outline`	Outline
`text.outlineN`	Outline `{n}`
`text.keepOriginal`	Keep original
`textFit.shrink`	Shrink
`textFit.clip`	Clip
`textFit.overflow`	Overflow
`valign.top`	Top
`valign.center`	Center
`valign.bottom`	Bottom

Font picker

The font chooser opened from a text layer.

Key	Default text
`common.loadingEllipsis`	Loading…
`font.chooseTitle`	Choose a font
`font.current`	Current: `{font}`
`font.chooseFromCatalog`	Choose from the available catalog.
`font.close`	Close font picker
`font.search`	Search fonts
`font.categories`	Font categories
`font.catAll`	All
`font.catSansSerif`	Sans Serif
`font.catSerif`	Serif
`font.catHandwriting`	Handwriting
`font.catDisplay`	Display
`font.catMonospace`	Monospace
`font.available`	Available fonts
`font.loading`	Loading fonts…
`font.noMatch`	No fonts match your search.
`font.catalogFont`	Catalog font
`font.merchantFont`	Merchant font
`font.loadMore`	Load more (`{loaded}` of `{total}`)
`font.tryLoadingMore`	Try loading more again

Adjustments and export

Sliders for the selected layer, and the export format, size, and quality controls.

Key	Default text
`adjust.title`	Adjustments
`adjust.selectLayer`	Select a layer
`adjust.selectLayerToAdjust`	Select a layer to adjust
`adjust.brightness`	Brightness
`adjust.contrast`	Contrast
`adjust.saturation`	Saturation
`adjust.vibrance`	Vibrance
`adjust.opacity`	Opacity
`adjust.blur`	Blur
`adjust.resetAll`	Reset All
`export.title`	Export Settings
`export.format`	Format
`export.size`	Size
`export.original`	Original
`export.quality`	Quality
`export.sizeOption`	`{size}`px (`{label}`)

Preview canvas

The rendered preview and the status text under it.

Key	Default text
`common.undo`	Undo
`common.redo`	Redo
`common.reload`	Reload
`common.dismissError`	Dismiss error
`preview.notLoaded`	Preview could not be loaded.
`preview.alt`	Mockup preview
`preview.renderToSee`	Render to see the preview
`preview.uploadToSee`	Upload artwork to see the preview
`preview.rendering`	Rendering...
`preview.changesOne`	`{count}` change
`preview.changesMany`	`{count}` changes

Preview zoom controls

Zoom in, zoom out, and the zoom readout on the preview.

Key	Default text
`zoom.in`	Zoom in
`zoom.out`	Zoom out
`zoom.pctAria`	Zoom `{pct}` percent
`zoom.reset`	Reset

PSD mobile tabs

The tab bar that opens each panel on small screens.

Key	Default text
`common.tryAgain`	Try again
`mobile.layers`	Layers
`mobile.layersAria`	Layers, `{count}`
`mobile.text`	Text
`mobile.textAria`	Text layers, `{count}`
`mobile.adjust`	Adjust
`mobile.export`	Export
`mobile.adjustmentsAria`	Adjustments
`mobile.exportSettingsAria`	Export settings

PSD action bar

The final action at the bottom of the PSD editor.

Key	Default text
`psd.addContentFirst`	Add artwork or a color first

Photo to Mockup panels

Surfaces the Photo to Mockup editor draws when a customer works from a product photo.

Photo to Mockup frame

The Photo to Mockup editor while it prepares your photo, plus its session actions.

Key	Default text
`common.close`	Close
`common.tryAgain`	Try again
`common.dismissError`	Dismiss error
`header.closeCustomizer`	Close customizer
`s2d.closedTitle`	Customizer closed
`s2d.closedBody`	You can close this window.
`s2d.terminalTitle`	This mockup cannot be edited
`s2d.uploadTitle`	Editable mockups from your product photo.
`s2d.uploadBody`	Upload a product photo to start.
`s2d.sourcePreviewAlt`	Selected product preview
`s2d.preparingImage`	Preparing image...
`s2d.chooseImage`	Choose image
`s2d.sessionActions`	Session actions
`s2d.downloadImage`	Download image
`s2d.stillWorking`	Still working on your photo
`s2d.noSurfaces`	We could not detect any surfaces
`s2d.detectingSurfaces`	Detecting surfaces

Photo to Mockup canvas

The canvas, its zoom shortcuts, and its empty state.

Key	Default text
`zoom.in`	Zoom in
`zoom.out`	Zoom out
`zoom.inShortcut`	Zoom in (Ctrl +)
`zoom.outShortcut`	Zoom out (Ctrl -)
`zoom.resetShortcut`	Reset zoom to fit (Ctrl 0)
`s2d.chooseToBegin`	Choose an image to begin.
`s2d.canvasZoom`	Canvas zoom

The main toolbar over the canvas.

Key	Default text
`artwork.remove`	Remove artwork
`blend.normal`	Normal
`blend.multiply`	Multiply
`blend.screen`	Screen
`blend.overlay`	Overlay
`blend.darken`	Darken
`blend.lighten`	Lighten
`blend.soft-light`	Soft Light
`bar.aria`	Edit the selected artwork
`bar.printAreas`	Print areas
`bar.fullSurface`	Full surface
`bar.fullSurfaceN`	Full surface `{n}`
`bar.areaN`	Area `{n}`
`bar.artwork`	Artwork
`bar.replace`	Replace
`bar.addArtwork`	Add artwork
`bar.fill`	Fill
`bar.fillColor`	Fill color
`bar.blendMode`	Blend mode
`bar.blendChip`	Blend · `{mode}`
`bar.opacity`	Opacity
`bar.opacityChip`	Opacity · `{pct}`%
`bar.editMask`	Edit mask
`bar.editAreas`	Edit areas
`menu.canvasActions`	Canvas actions
`menu.replaceArtwork`	Replace artwork
`menu.positionAndSize`	Position and size

Position and size readouts

The X, Y, width, height, and rotation fields for the placed artwork.

Key	Default text
`menu.positionAndSize`	Position and size
`readout.transformAria`	`{label}` transform
`readout.xTitle`	X position in px. Arrow keys nudge 1px, Shift for 10px.
`readout.yTitle`	Y position in px. Arrow keys nudge 1px, Shift for 10px.
`readout.widthTitle`	Width in px. Click to type a value.
`readout.heightTitle`	Height in px. Click to type a value.
`readout.rotationTitle`	Rotation in degrees. Click to type a value.

Selection editing bar

The toolbar shown while the selected surface is being adjusted.

Key	Default text
`common.cancel`	Cancel
`common.done`	Done
`common.yes`	Yes
`common.keep`	Keep
`common.processing`	Processing
`common.discardEdits`	Discard edits?
`mask.selectionTools`	Selection tools
`mask.editingMask`	Editing mask
`mask.selectionTool`	Selection tool
`mask.point`	Point
`mask.pointTitle`	Point select (V)
`mask.brush`	Brush
`mask.brushTitle`	Brush: add to selection (B)
`mask.eraser`	Eraser
`mask.eraserTitle`	Eraser: remove from selection (E)
`mask.markingMode`	Selection marking mode
`mask.include`	Include
`mask.exclude`	Exclude
`mask.shiftToExclude`	Hold Shift and click to exclude
`mask.clickHint`	click
`mask.preparing`	Preparing
`mask.previewSelection`	Preview selection
`mask.clearPoints`	Clear points
`mask.brushSizeLabel`	Size
`mask.selectionLabel`	Selection
`mask.overlayOpacityAria`	Selection overlay opacity

Selection point hint

The hint shown while a surface is being refined point by point.

Key	Default text
`hint.removePoint`	Click or tap a point to remove it
`hint.dismissRemovePoint`	Dismiss point removal hint

Print area editing bar

The toolbar shown while print areas are being placed.

Key	Default text
`common.cancel`	Cancel
`common.done`	Done
`common.yes`	Yes
`common.keep`	Keep
`common.discardEdits`	Discard edits?
`bar.printAreas`	Print areas
`pa.tools`	Print area tools
`pa.editingAreas`	Editing areas
`pa.fullCoverage`	Full coverage
`pa.selectAreaN`	Select area `{n}`
`pa.deleteAreaN`	Delete area `{n}`
`pa.cornerResizeMode`	Corner resize mode
`pa.free`	Free
`pa.ratioLocked`	Ratio locked
`pa.fitting`	Fitting…
`pa.fitToObject`	Fit to object
`pa.coverObject`	Cover object
`pa.resetToManual`	Reset to manual

Artwork uploader

The popover that uploads and replaces the artwork in an area.

Key	Default text
`common.undo`	Undo
`layers.removeBackground`	Remove background
`artwork.flipHorizontalTitle`	Flip Horizontal
`artwork.flipHorizontalAria`	Flip horizontal
`artwork.flipVerticalTitle`	Flip Vertical
`artwork.flipVerticalAria`	Flip vertical
`artwork.remove`	Remove artwork
`bar.replace`	Replace
`uploader.yourDesign`	Your design
`uploader.lockedHint`	Edit its placement and appearance.
`uploader.unlockedHint`	Upload artwork to place in this area.
`uploader.uploadedAlt`	Uploaded artwork
`uploader.replaceAndRefit`	Replace and refit
`uploader.removing`	Removing…
`uploader.formatsUpTo`	PNG, JPG, or WebP up to `{mb}` MB

Fill color

The popover that applies a color to a print area.

Key	Default text
`common.close`	Close
`common.selected`	Selected
`scrollCue.moreColorsBelow`	More colors below
`color.pickFromScreen`	Pick color from screen
`color.noColor`	No color
`fill.title`	Fill Color
`fill.hint`	Apply color to print area
`fill.closePanel`	Close fill color panel
`fill.hexAria`	Fill color hex
`fill.paletteAria`	Color palette
`fill.presetsAria`	Fill color presets
`fill.noFillAria`	No fill color
`fill.setToAria`	Set fill color to `{name}`
`fill.paletteDialogAria`	Fill color palette
`fill.closePalette`	Close color palette

Blend mode

The popover that chooses how artwork sits on the product.

Key	Default text
`blend2d.title`	Blend Mode
`blend2d.hint`	Multiply looks printed. Flat print keeps colors exact.
`blend2d.optionsAria`	Blend Mode options
`blend2d.more`	More
`blend2d.normal`	Flat print
`blend2d.normal.desc`	Exact artwork colors (Normal)
`blend2d.multiply`	On light fabric
`blend2d.multiply.desc`	Real print look (Multiply)
`blend2d.screen`	On dark garment
`blend2d.screen.desc`	Bright print on dark (Screen)
`blend2d.overlay`	Into the texture
`blend2d.overlay.desc`	Deeper contrast (Overlay)
`blend2d.darken`	Only darken
`blend2d.darken.desc`	Drops light areas (Darken)
`blend2d.lighten`	Only lighten
`blend2d.lighten.desc`	Drops dark areas (Lighten)
`blend2d.soft_light`	Subtle emboss
`blend2d.soft_light.desc`	Softest finish (Soft Light)

Opacity

The popover that sets artwork transparency.

Key	Default text
`bar.opacity`	Opacity
`opacity.hint`	Adjust transparency
`opacity.presetsAria`	Opacity presets
`opacity.setToAria`	Set opacity to `{pct}`%

Studio Photo to Mockup