Skip to main content
Skip table of contents

Creating new content for DS3 [WIP]

Will contain info on how DS3UI is used to create new Layouts, Templates and Slide Fragments.

Not sure if Layouts created from the Editor is saved and pushed into the DS3 or if groups created in Editor are working yet.

CONTENT

DS Brand: https://anthill-vault.rosalind-qa.activator.cloud/design-system/302000000

Regional Child 1 (DONT USE): https://anthill-vault.rosalind-qa.activator.cloud/design-system/1000012005

Regional Child 2 - https://anthill-vault.rosalind-qa.activator.cloud/design-system/1000012172

Local - copy of regional child 2: https://anthill-vault.rosalind-qa.activator.cloud/design-system/1000013205

DRAFT - started 15-12-2025

The following channel content can be created from the Design System 3 user interface

  • Colors

  • Layouts

  • Templates

  • Slide Fragments (slides channel only)

  • Menus

  • References

Group Options

Before creating content, make youself familiar with the options that are available for inherited and created groups. You can find the options menu under the three dots to the far right of a group.

image-20251216-124220.png

Note that you can not create, delete or alter content in groups that have been inherited.

If you want to alter the content inside, you must take a copy of the group. The DS you are working on now becomes the owner of the group and the contents inside.

Create a Group First

Click the Create New Group within the category where you want to create a new group.

If your Design System already contains content, the Create New Group option is located at the bottom of the page. In this example, the user is creating a new color group.

image-20251216-095135.png

Give the group a name and add a description. Click Create. This process is the same for the rest of the content (layouts, templates, slide fragments and menus)

image-20251216-095314.png

Adding and altering new colors

Once the group is created, click the New color button and define the color in either hex or RGB. Click save.

image-20251216-095809.png

To change the name or color, click on the hex code or name. To delete the color, click on the checkmark when hovering your mouse over the color tile.

image-20251216-100614.png

Layouts - Create new content

In the following example, we have a new Layout group.

Click on New Layout and give it a name and description.

image-20251215-130552.png

You can now either:

  • Click on the thumbnail to open the editor and build content inside.

  • Click on the eye-icon to preview content.

  • Click on the pen-icon to edit the name of the item.

  • Delete the item.

image-20251215-131402.png

Building Layouts

Double click the thumbnail (not the eye-icon) to open the Layout Editor.

image-20251215-133546.png

For detailed information on how to build content inside a Layout, you can revisit the Content Building for Designers course.

Building Templates

Create a new group and a template inside. The process is similar to that of creating a Layout, with one difference: You usually create Templates by using the Layouts that are already created.

AC3 - create template-20251216-082159.gif

You still have the tools available from the Add->Elements menu, in case you need to build something from scratch that does not exist as a Layout, or if you need to add a few elements to an existing Layout just for a specific Template.

Building Slide Fragments

Create a new group and a fragment inside. The tools available for building fragments are the same as for Templates. Both the Add->Elements and Add->Layouts menus are available.

Creating a New Menu

Certain IVAs support multiple menus, allowing you to use different menus across your slides. For example, you might apply Menu 1 to two slides and Menu 2 to the remaining slides.

This provides greater navigation flexibility, expands the number of links you can navigate to, and allows all menus to be managed centrally through the DS3 user interface.

From this tab, you can:

  • Create new groups and menus

  • Hide menus

  • Duplicate inherited menus

  • Remove inhertied menus

image-20251216-114518.png

Once the group is created, click Create Menu Item

image-20251216-114928.png

You are now presented with 4 fields:

  • Thumbnail - a small image of the slide you are linking to

  • Label - The text that will appear on the button used to link to a slide

  • Presentation - The Presentation you want to direct to

  • Slide - The slide with the Presentation you want to navigate to

To use this type of navigation, a Presentation must first be linked to the Design System. The slides you want to navigate to must be inside that Presentation, and both the Presentation and the slides must be linked to the same Design System.

If no Presentation is linked to the Design System, linking to a slide is not possible.

In the example below, the Presentation field is empty, indicating that no Presentation is currently connected.

f3a553bf-0ae6-49f4-aa97-c5a9b3dfcf44.png

Note: A Design System cannot be selected by content if it is not published to the DAM. Remember to publish if you want document creators to use your Design System.

When a Presentation(s) is linked to a Design System, it will appear in the dropdown menu, as shown below:

image-20251216-121218.png

Select the Slide within you want to navigate to when the button is clicked:

image-20251216-121401.png

When the bottom menu component is used on a Slide, or referenced within a Slide Fragment, it appears on the Slide as shown below - here the two buttons are visualized and when clicked on will navigate to the Slide within the specified Presentation

image-20251216-122124.png

References

References are managed directly within the References tab of the Design System.

image-20251216-122750.png

From this tab, you can:

  • Create new reference entries

  • Edit existing entries

  • Reorder references

  • Remove references

All references are stored as part of the Design System configuration, similar to components, layouts, or settings. This means reference content is centrally managed and governed within the Design System.

image-20251216-131510.png
image-20251216-131945.png

Note: In the current version, references exist only as structured entries in the Design System and are not yet used directly in content documents.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.