Editing Fields

Customize text, colors, images, and other template fields

Field Types

Templates contain different types of editable fields. The Editor Panel on the right shows all available fields for the selected template.

T Text Fields

Enter custom text for headlines, descriptions, captions, and other text elements. Text fields show a text input or multi-line textarea depending on the expected content length.

C Color Fields

Choose colors for backgrounds, text, and accents. Click the color swatch to open a color picker, or enter a hex value directly. Some templates support gradients.

Image Fields

Upload or select images for backgrounds, photos, logos, and icons. Supported formats include PNG, JPG, and SVG. Images are automatically scaled to fit the template.

# Number Fields

Adjust numeric values like font sizes, spacing, or quantities. Use the input field or drag to adjust values. Some fields have minimum and maximum limits.

☑ Toggle Fields

Enable or disable optional elements like subtitles, borders, or decorations. Toggle fields show a simple on/off switch.

Editing Text

Click on a text field in the Editor Panel
Type your content
The preview updates instantly as you type
Press Tab to move to the next field

Text fields may have character limits shown below the input. The preview shows how text wraps and truncates.

Choosing Colors

Click the color swatch next to a color field
Use the color picker to select a color
Or enter a hex code directly (e.g., #7c3aed)
Recent colors appear for quick reuse

Color Presets

Many templates include brand color presets. Click a preset to apply it, then customize individual colors as needed.

Adding Images

Click the image field or the upload button
Select an image from your device
The image is automatically processed and scaled
Drag to reposition within the frame if supported

Image Tips

Use high-resolution images for best quality
Match aspect ratios when possible to avoid cropping
PNG format preserves transparency
Keep file sizes reasonable for faster loading

Live Preview

The center Preview Panel shows your asset updating in real-time as you edit fields:

Changes appear instantly - no need to refresh
Zoom in/out using the controls or scroll wheel
Use "Fit" to see the entire asset at once
Check edges and alignment at higher zoom levels

Resetting Fields

To reset a field to its default value:

Click the reset icon next to individual fields
Or use "Reset All" in the template menu to restore all defaults