Brand builder

Brand builder provides self-service tools for agency administrators to configure a variety of branding elements. The use of this feature removes a dependency on third-party developer resources when editing branding-related configuration files.

>This feature provides agency administrators the ability to make common branding style changes to font sizes, color schemes, icons, and themes. Brand Builder also provides the option to import or export branding styles. The principal sections of Brand Builder are Header and footer, Theme builder, and Site styles.

Brand Builder supports multiple languages including English, Spanish, Arabic, Canadian French, Vietnamese, traditional Chinese, Portuguese, and Australian. Multi-language must be enabled to view the list of available languages.

Note: For this product release, Brand Builder is not compatible with agencies using the Responsive Design Wrapper. Agencies must use either the Brand Builder or the Responsive Design Wrapper.

Header and footer

The left pane contains all the available configuration options, while the right pane serves as a preview pane to view the configuration changes in real time. The preview pane is available in the Welcome global, APO search, Module information detail, and Controls pages. In this section, the branding language can be configured to the agency's preference.

Option

Description

Set title

The home page title

Title font

Type of font for the home page title

Title font size

Size of font for the home page title

Set contact number

The agency contact phone number

Contact number font

Type of font for the contact phone number

Contact number font size

Size of font for the contact phone number

Logo image

Allows upload of an agency logo image

Show return to website link

Hides or displays the Return to button

Button title

The label for the Return to button

Button title font

Font type for the Return to button

Navigate to URL

The URL linked to the Return to button

Set footer text

The footer text for the website

Theme builder

Like the Header and footer section, the left pane contains all the available configuration options, while the right pane serves as a preview pane to view the configuration changes in real time. Theme builder also contains collapsible content panels. Within each panel are control options to further configure the agency’s branding styles.

Note: The banner height is limited to the bottom edge of the logo image. The height cannot be less than the total of the logo image size and the logo’s top position. When the height of the Footer is increased, the additional height is added to the bottom of the page.

Option

Description

Banner

Controls for the website banner colors, logo size, and logo position.

Footer

Controls for the website footer colors and footer size.

General

Controls for the website design elements, including body background, text color, link control color, login panel background, and the welcome panel background.

Navigation menu

Controls for the website navigation menu design elements, including colors for the menu background, menu font, menu hover, menu on hover text, submenu background, submenu font, submenu top border, submenu bottom border, and submenu hover.

Button

Controls for the website button background, button hover background, and button text color.

Grid view

Controls for the website button design elements, including colors for the header background, header text, odd row, even row, row text, page bar background, page bar border, page number disable text, page number enable text, and page number selected.

Breadcrumb navigation

Controls for the website breadcrumb navigation, including colors for background, text, active border, selected border, and disabled border.

Theme templates

Integrated templates with preselected fonts, font sizes, and color themes.

Site styles

Agencies have the option to import CSS styles or export existing styles to various agency instances.

A confirmation message appears when the site styles have been successfully applied.

Enable Brand Builder

  1. Sign into Citizen Access as an administrator.

  2. Select Global settings, then go to the Site Brand Builder section.

  3. Select the Enable Brand Builder option.
  4. Select Save.
  5. Select Clear cache.

Use Brand Builder

  1. Sign into Citizen Access as an administrator.
  2. In the Settings area, select Brand Builder.

  3. When the Brand Builder page opens in a separate window, select Designer.