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

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

If you want to alter them, you must take a copy of the group. The DS you are working on now become 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

JavaScript errors detected

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

If this problem persists, please contact our support.