Design Themes

Introduction

Design Themes provide a structured way to maintain consistency across your activations. They enable you to define and reuse visual elements such as logos, colors, fonts, and background styles, ensuring a cohesive look and feel across different activations. Using a predefined design theme streamlines the activation-building process, reducing design effort while maintaining brand identity.

Use Case

A Ski client wants to maintain brand consistency across activations while also accommodating sponsorship requirements. To achieve this, they create two design themes:

Brand Theme: A separate theme that strictly follows the ski client's brand guidelines, ensuring a consistent and recognizable brand identity in activations. This approach allows them to switch between themes as needed while maintaining high-quality and visually cohesive activations.

Sponsor Theme: A theme incorporating sponsor logos, colors, and branding elements for activations that require sponsor visibility.

Design Themes provide a structured way to maintain consistency across your activations. They enable you to define and reuse visual elements such as logos, colors, fonts, and background styles, ensuring a cohesive look and feel across different activations. Using a predefined design theme streamlines the activation-building process, reducing design effort while maintaining brand identity.

Creating and Managing Design Themes

From this section, users can either select an existing theme to update or create a new one. Design themes can also be selected in the Activation Builder, allowing users to apply predefined styles directly to their activations. Any modifications made to a theme can be saved by updating the configurations.

Creating a New Theme

1. Enter a name for your theme.

2. Optionally, add a text description to clarify its purpose.

3. Enable Set as default if this theme should be used automatically for new activations.

4. Configure the design settings as needed.

5. Click on Create New Theme

Updating a Theme

Users can select an existing theme to update its settings or modify its configurations.

1. Use the dropdown menu to browse available themes.

2. Select a theme to load its settings.

3. Make any necessary changes and click Update to save.

When updating a theme in the Design Themes section, users will have the option to apply the changes to all existing activations or only to new ones. This provides flexibility in managing updates while ensuring ongoing activations are not unintentionally altered.

Users should review activations after applying updates to ensure design consistency.

Deleting a Theme

• Deleting a theme is permanent and cannot be undone.

• If an activation is using the deleted theme, it will automatically be set to the default theme.

• A default theme cannot be deleted.

Ensure you confirm before deleting a theme to avoid unintended changes to activations.

Design Theme Customization Options

Logos

• Upload Logo: Add a logo (recommended size: 200x100 px, PNG format with a transparent background).

• Align: Choose logo alignment (left, center, or right).

• Sponsored Logo: Add a secondary logo for sponsorship branding.

Style

• Corner Radius: Adjust button and container corner radius to match your design aesthetic.

• Background Style: Choose between solid colors or an image.

• Background Image: Upload an image for activation background.

• Background Color: Select a fallback color for large screen displays.

• Opacity: Control background transparency for better readability.

Text

• Text Direction: Choose between left-to-right or right-to-left.

• Main Titles:

  • Font Family: Select a font style.

  • Font Style & Size: Adjust typography settings.

• Paragraph Text:

  • Font Family: Define the body text font.

  • Font Style & Size: Configure readability settings.

Buttons

• Font Family: Choose a font style for buttons.

• Font Style & Size: Customize button typography.

• Button Colors:

  • Button color

  • Border color

  • Button text color

Share Link Configuration

Configure how the share link appears when users share your activation. Once Show Share Link is checked, the following setting would be shown:

Share Link Settings

• Button Text: Customize the text displayed on the share button.

• Show Icon: Toggle to display an icon alongside the button text.

Preview Link Appearance

This section allows you to set how your share link will appear on social media, including:

• Title: Enter a custom title for the shared link.

• Description: Provide a brief description of the activation.

• Image: Upload an image that will be displayed when the link is shared.

By using Design Themes, you can efficiently manage your activation branding and ensure a consistent experience across all campaigns.