Merge branch 'main' into GraFx-Studio/plugin-InDesign-experimental

docs/CHILI-GraFx/trust/compliance/index.md

@@ -16,8 +16,8 @@ These classifications are [listed on our website](https://www.chili-publish.com/
 
 Our compliance team works hard to meet your organization’s compliance needs. We are proud to annouce we are ISO27001:2017 certified.
 
-![Logo](https://www.datocms-assets.com/11099/1643128549-iso-brand-compliance.png?auto=format&dpr=0.62&w=600)
+![Logo](iso-27001-2022.png)
 
-[Download statement of applicability](https://cdn6.chili-publish.com/hub/Legal/CHILI_publish_ISO27001_Statement_of_Applicability_v120.pdf)
+[Download statement of applicability](https://cdn6.chili-publish.com/hub/Legal/CHILI_publish_ISO27001_Statement_of_Applicability_v121_Jul17th_2024.pdf)
 
-[ISO 27001:2017 Certificate](https://cdn6.chili-publish.com/hub/Legal/NL_1527.1.1-CHILI_publish_N.V.-ISO_27001.pdf)
+[ISO 27001:2017 Certificate](https://cdn6.chili-publish.com/hub/Legal/NL_1853.1.1_CHILI_publish_NV_ISO_27001.pdf)

docs/GraFx-Studio/concepts/barcodes/index.md

@@ -17,7 +17,7 @@ Barcodes are created and configured in GraFx Studio (different than in GraFx Pub
 - Click a barcode from the Barcode library
 - Configure using the properties panel
 
-![ui](barcodes1.gif)
+![screenshot-full](barcodes1.gif)
 
 ## Barcode-specific settings
 
@@ -38,13 +38,13 @@ The Bar height property is a decimal number in the unit of the layout
 
 Show the character that indicates the light margin
 
-![ui](barcodes2.gif)
+![screenshot-full](barcodes2.gif)
 
 ## Start and Stop characters
 
 Show the start and stop character
 
-![ui](barcodes3.gif)
+![screenshot-full](barcodes3.gif)
 
 
 ## Quiet zone
@@ -64,9 +64,9 @@ The appearance is the color for a specific part of the barcode.
 - Background represents the background color
 - Blend mode: apply [blend modes](/GraFx-Studio/concepts/blendmodes/), similar to image frames
 
-![ui](qr1.png)
+![screenshot-full](qr1.png)
 
-![ui](qr_blend.png)
+![screenshot-full](qr_blend.png)
 
 ## Magnification
 

docs/GraFx-Studio/concepts/headless/index.md

@@ -1,3 +1,13 @@
 # Headless or automated
 
-Imagine a process that runs in the background, creating collateral in an automated way.
+In the context of CHILI GraFx, **"Headless"** or **"Automated"** refers to the ability to produce design variants by interacting directly with the API, without using the graphical interface of GraFx Studio.
+
+This approach is ideal for scenarios where you want to automate the creation of large batches of content, integrate with external systems, or streamline workflows that don't require manual input. By leveraging the API, you can:
+
+- **Generate Variants at Scale**: Automatically create hundreds or thousands of variations without manual intervention.
+- **Integrate Seamlessly**: Connect GraFx Studio with your existing systems, like DAMs, PIMs, or e-commerce platforms.
+- **Run Background Processes**: Initiate batch jobs and monitor output tasks programmatically.
+
+Headless automation empowers you to use the powerful capabilities of GraFx Studio while keeping everything behind the scenes, providing flexibility and efficiency for high-volume or fully automated workflows.
+
+![screenshot-full](code.png)

docs/GraFx-Studio/concepts/pages/index.md

@@ -0,0 +1,26 @@
+# Multi-Page Support in GraFx Studio
+
+**GraFx Studio** supports multi-page documents[^1].
+
+This is primarily relevant in a **print environment**. Understanding when and why to use multiple pages depends on the **intent** of your design project.
+
+[^1]: As of writing, a maximum of 50 pages is supported.
+
+## When to Use Multi-Page Documents
+
+GraFx Studio offers three [layout **intents**](/GraFx-Studio/concepts/layout-intent/).
+
+## Why Multi-Page Only Makes Sense for Print
+
+In print workflows, multi-page documents are common and essential for:
+
+- **Brochures**: Combining several pages to convey detailed information.
+- **Flyers, leaflets**: Presenting extensive content across multiple pages.
+- **Business cards**: Typically front- and backside
+- **Reports and Booklets**: Structuring content into chapters or sections.
+
+In **digital static** and **digital animated** designs, the concept of multiple pages doesn’t apply. These projects typically involve single-page outputs designed for screens, where navigation is handled differently (e.g., scrolling, slideshows, or animations).
+
+## How To
+
+See [How to add, hide, and delete pages](/GraFx-Studio/guides/pages/).

docs/GraFx-Studio/guides/add-fonts/index.md

@@ -2,24 +2,26 @@
 
 Open the Stylekit panel.
 
-![Button](fonts-1.png)
+![screenshotsmall](bottom-quicktools-ui.png)
+
+![screenshot](resources-panel.png)
 
 Select the fonts icon to check the already available fonts in your document.
 
-![Image](fonts-2.png)
+![screenshot](fonts-2.png)
 
 Click on the "+" sign to add a new font.
 
 The available fonts are shown ([GraFx Fonts](/GraFx-Fonts/) application).
 
-![Image](fonts-3.png)
+![screenshot](fonts-3.png)
 
 Select the font family you wish to add to your document.
 
 Remark: The full family will be added to your document.
 
-![Image](fonts-4.png)
+![screenshot](fonts-4.png)
 
 Your font family is now available to use in the document.
 
-![Image](fonts-5.png)
+![screenshot](fonts-5.png)

docs/GraFx-Studio/guides/barcodes/add/index.md

@@ -11,24 +11,24 @@ Some properties will not be visible, because the definition of this barcode don'
 
 Some properties can be found under the "..." (three dots) menu
 
-![ui](barcodes1.gif)
+![screenshot-full](barcodes1.gif)
 
 ## Values in barcodes
 
 ### Static value
 
 By default, you can enter a static value in the barcode properties. (Set value)
 
-![ui](staticvalue.png)
+![screenshot-full](staticvalue.png)
 
 ### Variable value
 
 To unleash the power of real Creative Automation, you can link a value to a variable.
 
 Start by defining your variable. [See Variables](/GraFx-Studio/guides/template-variables/define/)
 
-![ui](variables.png)
+![screenshot-full](variables.png)
 
 Link the variable to your Bar- or QR code.
 
-![ui](variablevalue.png)
+![screenshot-full](variablevalue.png)

docs/GraFx-Studio/guides/characterstyles/index.md

@@ -2,41 +2,43 @@
 
 ## Define a character style
 
-Open the Stylekit panel.
+Open the **Resource Panel** > **Stylekit panel**.
 
-![Button](cs-1.png)
+![screenshotsmall](bottom-quicktools-ui.png)
 
-Select the second tab to view paragraph- and character styles
+![screenshot](stylekit.png)
 
-![Image](cs-2.png)
+Select the first tab to view paragraph- and character styles
+
+![screenshot](cs-2.png)
 
 Click on the "+" sign to ad a new character style (bottom section is for character styles).
 Each click on the "+" sign will add another (empty) character style.
 
-![Image](cs-3.png)
+![screenshot](cs-3.png)
 
 Click on the "..." menu next to the newly created style and choose edit or click the pencil to edit the style.
 
 You can rename the style by clicking "Rename" in the "..." menu.
 
-![Image](cs-4.png)
+![screenshot](cs-4.png)
 
 Set all properties you want for this character. Saving happens automatically.
 
-![Image](cs-9.png)
+![screenshot](cs-9.png)
 
 ## Apply a character style
 
 Select the text you want to apply the character style to.
 
-![Image](cs-6.png)
+![screenshot](cs-6.png)
 
 DIfferent than with paragraph styles, with character styles you need to select the character or words you want to apply the style to.
 
 In the properties panel on the right, select the character style from the dropdown list.
 
-![Image](cs-7.png)
+![screenshot](cs-7.png)
 
 Your selected text now has the character style applied.
 
-![Image](cs-8.png)
+![screenshot](cs-8.png)

docs/GraFx-Studio/guides/create-projects/index.md

@@ -1,6 +1,6 @@
 # My projects
 
-See also: [Template Management](/CHILI-GraFx/concepts/template-management/#my-projects) for the full story.
+See also: [Template Management](/GraFx-Studio/concepts/template-management/) for the full story.
 
 ## Before you start
 

docs/GraFx-Studio/guides/image-frame/index.md

@@ -6,21 +6,23 @@ See concept [Image frames](/GraFx-Studio/concepts/frames/#image-frame)
 
 Select the image tool in the sidebar. You can also use the shortcut for the shape you wish to draw.
 
-![screenhot](image-1.png)
+![screenshotsmall](image-1.png)
 
 Drag a rectangle on the canvas. The frame will initially look like a crossed rectangle.
 
 ![screen](image-2.png)
 
 ## Choose media
 
-With the frame selected, open the media panel, and select an asset.
+With the frame selected, open the **resource panel** > **media panel**, and select an asset.
 
-![screen](image-3.png)
+![screenshotsmall](bottom-quicktools-ui.png)
 
-![screen](image-4.png)
+![screenshot](image-3.png)
 
-![screen](image-5.png)
+![screenshot](image-4.png)
+
+![screenshot](image-5.png)
 
 The initial fit of the asset in the frame is to fill the frame. (see Fill properties below)
 
@@ -30,28 +32,28 @@ Similar properties as with all frames. See [Basic properties](/GraFx-Studio/conc
 
 ### Fill properties
 
-![screen](fitfill.png)
+![screenshot-full](fitfill.png)
 
 
 #### Fit
 
 Choose the Fit property, to fit the full imge inside the frame. Whitespace is created if needed, to fit the full image.
 
-![screen](image-7.png)
+![screenshot](image-7.png)
 
 #### Fill
 
 Choose the Fill property, to fill the full frame with the image. No whitespace is left inside the frame. Part of the image is hidden.
 
-![screen](image-6.png)
+![screenshot](image-6.png)
 
 #### Aspect radio
 
 If the image and the frame have the exact aspect ratio, there will be no difference between fitt and fill.
 
-![screen](fit.png)
+![screenshot-full](fit.png)
 
-![screen](fill.png)
+![screenshot-full](fill.png)
 
 #### Crop
 

docs/GraFx-Studio/guides/pages/index.md

@@ -0,0 +1,66 @@
+# Multiple Pages
+
+See also: [Pages & Layout Intents](/GraFx-Studio/concepts/pages/)
+
+![screenshot-full](multipage.gif)
+
+## Add Pages
+
+Choose **Layouts** > **Pages** > **Add Page**
+
+!!! info "Intent matters"
+    Add Pages is only visible for layouts with print intent
+
+## (Re-)Arrange Pages
+
+Drag a page before or after another page.
+
+![screenshot-full](arrangepages.gif)
+
+## Hide Pages
+
+Click the **Eye** icon on the page, or **"..."** > **Hide Page**
+
+### Good to Know!
+
+- When only one page is visible, it cannot be hidden.  
+  The **Show/Hide** option is disabled, and the Eye icon/toggle is hidden.
+- Hidden pages can still be selected and edited.
+- Hidden pages do not output.
+
+  ![screenshot](page01.png)  
+  ![screenshot](page02.png)
+
+- Visibility applies to all [layouts](/GraFx-Studio/concepts/layouts/).  
+  It is not possible to hide different pages in different layouts.
+- When a document is loaded, the first visible page is selected.
+
+  ![screenshot](page01.png)
+
+!!! info "[Studio UI](/GraFx-Studio/concepts/template-management/) Considerations"
+
+    - Hidden pages are ignored.  
+      The page navigation panel only shows snapshots of visible pages.  
+      When only one page is visible, the panel is hidden.  
+      In the example below, page 1 is hidden, so it is not shown in the panel:
+
+      ![screenshot-full](page03.png)
+
+    - Page numbers only reflect visible pages (the end-user doesn’t need to know about hidden pages).
+    - Upon loading, the first visible page is selected.
+
+!!! warning "Digital"
+
+    - Layouts with a **digital intent** use the first **visible page** instead of always using page 1.  
+      If you hide page 1, it affects all digital layouts.
+
+## Delete Pages
+
+Click **"..."** > **Delete Page**
+
+Confirm the deletion (or cancel).
+
+!!! info "Delete Last Page"
+
+    When only one page is visible, it cannot be deleted.  
+    The **Delete** option is disabled.

docs/GraFx-Studio/guides/paragraphstyles/index.md

@@ -2,26 +2,28 @@
 
 ## Define a paragraph style
 
-Open the Stylekit panel.
+Open the **Resource Panel** > **Stylekit panel**.
 
-![Button](ps-1.png)
+![screenshotsmall](bottom-quicktools-ui.png)
+
+![screenshot](stylekit.png)
 
 Select the first tab to view paragraph- and character styles
 
-![Image](ps-2.png)
+![screenshot](ps-2.png)
 
 Click on the "+" sign to ad a new paragraph style.
 Each click on the "+" sign will add another (empty) paragraph style.
 
-![Image](ps-3.png)
+![screenshot](ps-3.png)
 
 Click on the "..." menu next to the newly created paragraph style and choose edit or click the pencil to edit the style.
 
-![Image](ps-4.png)
+![screenshot](ps-4.png)
 
 Set all properties you want for this paragraph. Saving happens automatically.
 
-![Image](ps-8.png)
+![screenshot-full](ps-8.png)
 
 ## Apply a paragraph style
 
@@ -30,4 +32,4 @@ A paragraph is defined between the start of a sentence, up to the end-of-line ch
 
 In the properties panel on the right, select the paragraph style from the dropdown list.
 
-![Image](ps-6.png)
+![screenshot](ps-6.png)