Create, manage, and apply document style presets — control fonts, colors, spacing, headers, footers, and more.
The Styles panel () lets you create, manage, and apply document style presets. Styles control every visual aspect of your exported document — fonts, colors, spacing, headers, footers, tables, charts, and more.
You create a style preset (or choose a template) that defines fonts, colors, spacing, headers, footers, etc.
When you click Apply or Use Template, the style configuration is copied into the document. The document now has its own independent copy of that style.
You can further customize the document’s style via Edit Document Style at the top of the panel. These changes only affect the current document.
If you later edit a style preset, documents that were previously styled with it are not updated automatically. You must re-apply the style to propagate changes. This is by design — otherwise modifying a shared preset would unexpectedly alter all documents that use it.
Document Style — click Edit Document Style to open the Style Editor and modify the current document’s styling directly. Changes apply only to this document.
Create New Style — creates a reusable style preset that can be applied to any document.
The Style Editor is a full-screen modal with a sidebar navigation on the left. It is organized into three groups: Layout, Elements, and Advanced.
You can also generate a complete style using AI — click the Generate with AI button in the top-right corner, describe the look you want, and the AI will configure typography, colors, and spacing for you.
Configure the content that appears at the top and bottom of every page. Each section (header and footer) has a 3-column layout: left, center, and right.
Click on a column in the visual preview to edit it. Each column supports three content types:
Type
Description
Text
Plain text with support for **bold**, *italic*, and variables
Rich
Multi-line text with per-line font size, weight, and color
Image
Upload an image or provide a URL, with optional width/height
Available variables for text mode:
Variable
Output
{{pageNumber}}
Current page number
{{totalPages}}
Total number of pages
{{date}}
Current date (DD.MM.YYYY)
{{date/YYYY-MM-DD}}
Custom date format
{{date/DD.MM.YYYY/+7d}}
Date with offset (+/-Nd, Nm, Ny)
{{date/HH:mm//+01:00}}
Date with timezone
Check Skip first page to exclude the header or footer from the first page (e.g., for a title page).
Control the visual appearance of tables in your document.
Borders:
Setting
Options
Outer Border
Width (pt), Style (Solid/Dashed/Dotted), Color
Inner Grid
Width (pt), Style (Solid/Dashed/Dotted), Color
Header Row — background color and text color for the first row.Cell Padding — top, right, bottom, left padding in points.Spacing — space before and after the table element.
Configure the color palette used for chart series.
Define up to 5 series colors, each with a fill color and a border color. These colors are applied to bar charts, line charts, pie charts, and other chart types.
When enabled, code blocks are rendered as PNG images. This improves compatibility in DOCX exports where syntax highlighting may not be preserved natively.
When enabled, math equations are rendered as PNG images. This improves compatibility in DOCX exports where LaTeX rendering may not be supported natively.
For advanced users, the JSON Editor provides direct access to the raw configuration object. Changes are applied live as you type.
The editor uses Monaco (the same engine as VS Code) with syntax highlighting, folding, and validation. This is useful for fine-tuning values that are not exposed in the visual UI or for copying configurations between documents.
