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
On the Website card:
- 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).
- You can change the URL that you chose when signing up by submitting a change request using the Address editor.
- Specify the Application languages that you want available for your users, and choose the Default language and Default phone number region.
- Learn more about localization: How do I translate my course/catalog entry?
- Track your traffic by adding your Google Analytics tracking ID (training from Google).
- In User account creation:
- Check the Allow users to create their own accounts checkbox if that's the desired state, and uncheck it if you want the site to work as invite only.
- Check the Allow users to create their own organizations to allow non administrative users to create and manage organizations in Dawn.
- You can Delete website.
Company card
On the Company card:
- Provide your Company name as you would like it to appear on your About page and your Landing page.
- Complete a company Description for your About page.
- 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).
- 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).
- Provide any text and any associated link you want in your Site footer.
- 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.
- 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.
- Primary color: This color is used for first-level buttons, data, and notifications. Make sure text is readable in the color you choose.
- 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.
-
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
-
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
-
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
-
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
-
Banner lets you upload an image that appears on your About page.
- Required file type: PNG or JPG
- Ideal size: 800 x 200
-
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).