Smartstaff
2,043
edits
Changes
m
Also'''Note: note that ''' color settings affect multiple areas in the system, and all color settings affect all users. For example, the colors an administrator sees are the same as the colors an applicant sees.
→Logo
==Logo==
You can upload a logo that will appear in the header for all users. This logo appears at the top left of all screens. Typically, people upload their organization’s logo, unless they have created a special logo for their system. If you don’t have a logo, you can enter text.
'''Note:''' Logos will appear in a container that is 40 pixels high x 200 pixels wide and as such fine text, details, taglines or longer wordmarks may be hard to read. We suggest using your organization's logo that is best suited for smaller spaces.
[[File:Branding-object-logo-2020.png|thumb|none|800px|Logo appears in the top left in the header of all pages.]]
[[File:Wiki-logos.jpg|thumb|none|800px|Example of organization logos suitable for large and small spaces. Note how elements are removed from logos intended for small spaces.]]
===Logo Specifications===
|-
||Dimensions
||112px height high and 560px wide are the recommended dimensions. Logos will appear at 40 pixels high by 200 pixels wide inside the system.
|-
||Format
[[File: Branding-logo-text.png|thumb|none|800px|Logo Text]]
==Compact Header==All new SmartSimple Cloud environments use the compact header style. The compact header provides a cleaner and more streamlined look and gives you more screen real-estate to work within.The ability to switch to the older style of header was deprecated in the March 2021 upgrade. All clients were switched over transitioned to the compact header below in the November 2021 upgrade.
[[File:standard-header-2021.png|thumb|none|800px|Main Heading area compact header]] [[File:deprecated-header-2021.png|thumb|none|800px|Main Heading area with the deprecated header which is no longer available after the November 2021 upgrade]]
==Colors and Styles==
Beyond uploading image files, you can adjust the colors and some styles. If you choose to change the colors in your system, make sure you maintain a contrast ratio between fonts and backgrounds of 4.5 or greater to ensure you meet with accessibility standards (Section 508 and WCAG 2.0). Use the following tool to check your contrast ratio [https://webaim.org/resources/contrastchecker/ contrast checker by webaim].
===How to modify the Colors and Styles===
When you upload images to your system, always size the images to the desired dimensions and save to the desired file format with compression. Image optimization is typically done in photo editing software such as Adobe Photoshop. Take the time to ensure your image files are 1 MB or less. Larger images can take several seconds to download and may cause a noticeable delay while pages load.
Note an image saved a 72 pixels per inch (ppi), 240 ppi and 500 ppi will all look the same if viewed at 200 pixels by 200 pixels. The quality of each version of image is exactly the same when viewed on screen. The higher ppi versions have a much higher file size which means your users may have to wait unnecessarily and use more data, but the higher ppi makes no difference to image quality om on screen. So, if the image you are uploading is intended to be printed in a PDF, then a higher resolution is ok such as 150 or 300 dpi (dots per inch), but if the image is going to be used as a background in a portal or the login page a smaller resolution such as 72 ppi is recommended.
