The design studio module provides the opportunity for a library admin to customize the look of the messages and buttons that Nomad uses. There are five sections that are independent of one another and none, some or all of these may be used to achieve the result you would like. You can reveal these sections (and thus enable or disable them) by checking the triangular arrow shown next to each section.
Whenever you make a change the grey SAVED button changes to a green SAVE button and in real-time the "Preview" button example updates to reflect the choices you have made. Until you click "SAVE" the updates will not be seen by users. This gives you an opportunity to compare to what you had previously and what you have now.
Design Studio Sections
Logo Customization
This section will allow you to provide custom branding via your own logo for use in LibKey Nomad. This logo will NOT affect the logo you currently are using in other Third Iron products like LibKey Link and BrowZine.
It is recommended to use an image that is a smaller size (< 300px square) but the exact size will be resized by the system, in a common format (PNG, JPEG, GIF, etc.) and with a transparent background.
The default "Offset" Logo Vertical Alignment option works best with square-shaped logos or icons like those commonly used for social media profiles. The "Centered" Logo Vertical Alignment option may work better for larger or taller images. Feel free to experiment!
Wide/landscape logos will scale down and do not tend to fit the space very well, often becoming too small to work well in this space.
Message/Content Button Colors
This section will allow you to change the color used for Nomad's buttons linking to full text content. Click "Use custom button color" to choose a custom color for Nomad's buttons using either our color picker or by pasting in a hex code.
If the color you choose is light you may want to use the further option to "Use black text instead of white" to ensure legibility and good accessibility practices. To most accurately ensure compliance we recommend checking your color choices with a tool such as this.
Retraction Button Color
This section will allow you to change the color used for Nomad's buttons when there is a Retraction or Expression of Concern on the article. The default color is a red which may overlap with your organization's colors or branding. This setting will NOT affect the LibKey UI for these articles which will remain red.
Click "Use custom retraction button color" to choose a custom color for Nomad's buttons using either our color picker or by pasting in a hex code.
If the color you choose is light you may want to use the further option to "Use black text instead of white" to ensure legibility and good accessibility practices. To most accurately ensure compliance we recommend checking your color choices with a tool such as this.
Message Link Button Colors
This section will allow you to change the color used for the button shown inside of certain types of Nomad++ message banners.
Click "Use custom message link button color" to choose a custom color for Nomad's buttons using either our color picker or by pasting in a hex code.
If the color you choose is light you may want to use the further option to "Use black text instead of white" to ensure legibility and good accessibility practices. To most accurately ensure compliance we recommend checking your color choices with a tool such as this.
Focus Color
This section will allow you to change the focus color used to highlight LibKey Nomad. This is an accessibility feature which is particularly important for users using assistive technologies or alternative strategies for navigating web content.
Click "Use custom focus color" to choose a custom color for Nomad's buttons using either our color picker or by pasting in a hex code.
A good focus color should be distinct and stand out against the element it surrounds. To most accurately ensure compliance we recommend checking your color choices with a tool such as this.