Styling & Formatting — Editor — Styling

The Inspector Panel

Select any element on the canvas and the Inspector panel on the right shows all its configurable properties. Changes apply immediately on the canvas.

Position & Size

For precise placement, use the numeric inputs instead of dragging:

Property	What It Controls
X	Horizontal position from the left edge of the page
Y	Vertical position from the top edge of the page
Width	Element width
Height	Element height

All values are in points (1 point = 1/72 inch). An A4 page is 595 × 842 points.

Typography (Text & Field Elements)

Property	Options
Font Family	Inter, Roboto, Open Sans, system fonts, and more
Font Size	8–120 px
Font Weight	Light, Regular, Medium, Semibold, Bold
Text Color	Any color via picker or hex input
Text Align	Left, Center, Right, Justify
Line Height	Controls spacing between lines of text
Letter Spacing	Controls spacing between characters
Text Transform	None, Uppercase, Lowercase, Capitalize
Text Decoration	None, Underline, Strikethrough

Colors & Backgrounds

Click any color field to open the color picker. You can:

Pick visually from the color wheel
Enter a hex code (e.g., #1a1a1a)
Adjust the alpha slider for transparency

Both text color and background color support transparency, which is useful for overlays and watermarks.

Borders

Add borders to any element:

Width — Border thickness in pixels
Color — Any color
Style — Solid, Dashed, or Dotted
Radius — Rounded corners (set each corner individually or all at once)

Opacity

The opacity slider controls how transparent an element is. Use this for watermark text, background images, or decorative elements that sit behind content.

Styling Tips

Use 1–2 font families max for a professional look
Stick to a consistent color palette — your brand colors work best
Use borders and lines to create visual hierarchy
Always preview your template to check how styles render in the actual PDF