Build and manage your Dawn site

How do I configure and brand my Dawn learning site?

  • Updated:
    info_outline
    Created:

Use the Site management screen to easily compose, choose, and upload branding elements that are used throughout your site. You can find examples of branding elements in the About area from your User menu and also on you Landing page (which is shown when people visit your URL without signing in).

This article walks through how to brand your site using the following cards:

Website card

Company card

Branding card

Landing page card

Contact information card

Website card

On the Website card:

  1. You can change your website's Title. Changes made here are reflected anywhere your site title is automatically shown (e.g., on your landing page, in message templates, in headers).
  2. You can change the URL that you chose when signing up by submitting a change request using the Address editor.
  3. Specify the Application languages that you want available for your users, and choose the Default language and Default phone number region.
  4. Track your traffic by adding your Google Analytics tracking ID (training from Google).
  5. In User account creation:
  6. You can Delete website.

Company card

On the Company card:

  1. Provide your Company name as you would like it to appear on your About page and your Landing page.
  2. Complete a company Description for your About page.
  3. Provide a User agreement and check the Require user to accept at first login box if desired (your site comes with a standard agreement, but we recommend you tailor it to your site's needs).
  4. Provide a Privacy policy and and check the Require user to accept at first login box if desired (your site includes a standard agreement, but we recommend you tailor it to your site's needs).
  5. Provide any text and any associated link you want in your Site footer.
  6. Provide  the address you want the Help button in the User menu to link to (by default, this points to the Agilix Help Center for Dawn).

Branding card

The Branding card allows you to control the look and feel of your site. Click the pencil (Edit) icon next to each component to make changes.

Theme allows you to choose a color scheme that is applied throughout your site and Landing page. You can choose from the predefined themes, or choose Custom and select your own colors. Dawn also provides a preview in light and dark mode.

  1. Header color: Your header color appears at the top of every screen in your site. Your logo is displayed on this color, so make sure they coordinate. 
  2. Primary color: This color is used for first-level buttons, data, and notifications. Make sure text is readable in the color you choose. 
  3. Accent color: This color is used for secondary buttons, notifications, and titles. Make sure text is readable in the color you choose. 

When choosing theme colors:    

  • Keep it simple. If possible, stick to a two-color scheme, one for the Header and Primary colors and another for the Accent color. If you choose three colors, try to make one a neutral color.
  • Coordinate colors. In a two-color scheme, contrasting colors work well. 
  • Consider readability. Ensure that all of the buttons, icons and text in the preview are readable.
  1. Color scheme allows you to control light and dark mode options in your site; you can choose:
    • User preference, so your users can choose (by default, Dawn uses the device's settings, but users can change it in Account settings > Display settings).
    • Force light color scheme
    • Force dark color scheme
  1. Favicon allows you to upload image files to be used in internet browser tabs and bookmarks.
    • Required file type: PNG or JPG
    • Ideal size: 32x32
  1. Icon allows you to upload the icon that appears in headers and on smartphones and other devices when users install your app.
    • Required file type: PNG or JPG
    • Ideal size: 300x300
  1. Logo lets you upload your logo, which automatically appears in your main header, on your About page, and other places in your site.
    • Required file type: PNG or JPG
    • Ideal size: 640 x 200
  1. Banner lets you upload an image that appears on your About page.  
    • Required file type: PNG or JPG
    • Ideal size: 800 x 200
  1. Catalog background lets you add interest to your Catalog screen by adding a background image:
    • Required file type: PNG or JPG
    • Ideal size: 1200 x 675

Landing page card

On the Landing page screen you manage the page users reach when they visit your URL and are not signed in. It's the first page your users see when they follow your invite, so you want to make sure it represents your site and business well.

When building your Landing page, you can make minor edits to Dawn's Default template, Use page builder to create custom pages, or Upload a custom HTML page.

Learn more: How do I create and manage my Dawn Landing page?

Contact information card

On the Website card, provide your Phone number, Email address, and mailing Address.

Use the Add contact button to include additional contact methods, like social media and other websites:

  • Display name is how the contact information is represented.
  • Display value is the account name, email address, phone number, etc.
  • Include a Link if you want learners to be able to click and navigate (or automatically open mail service).
  • Choose an Icon from our preloaded set (Facebook, Instagram, Twitter, etc).
forum

Have a question or feedback? Let us know over in Discussions!