Skip to Main Content

Template

Heading Levels and Text Sizes

Top Level Heading: Use Heading 3

Subheading: Use Heading 4

Text: Use the default font in the template, which is designed to be accessible. If you want to change the font, 14 point or larger sans serif is recommended for readability.

Images and Color

Using Images and Color in Your Guide

Herman Lake, ColoradoBefore you can add an image to your guide, you'll need to upload it to your SpringShare Image Manager. At the bottom of this box is information from SpringShare on how to do it. You can also use images in the shared folders. However, only SpringShare admins can add images to shared folders. Contact Natasha Floersch or Kazi Jestribek with questions.

 

 

Alt Text for Images

Don't forget to add alt text to all images in your guide. Alt text enables those using screen readers to hear a description of the image. You can add alt text when you first upload the image to your Image Manager, or when you add it to your guide.

If an image merely decorative, you can mark it "decorative image" in the alt text field instead of describing it.

Using Color in Your Guide

The template uses the official "UNC Bears Blue." The hex code for this color is #013c65. SpringShare's default blue is close to this shade, so it's fine to keep the default if you don't want to change it. The hex code for the official "UNC Bears Orange" is #f6b000. However, as you can see, it doesn't show up well against a white background or SpringShare's default gray background--so it's best to use the orange sparingly!

Accent colors can be found in the UNC Style Guide.

Links

Adding Links to Your Guide

*Checking links is one of the easiest and most important things you can do to keep your guides current. URLs change often, and it's frustrating for users to click on broken links. We encourage you to check the links in your guides regularly.

Types of Links

Rich Text Links

If you've entered text in a box on your LibGuide, you can turn that text into a link:

  • Highlight the text to be linked
  • Click the Link button: Link icon
  • Enter the URL in the dialog box and click OK

The link will appear within your text, in a different color, like in this sample link to the Libraries website.

This is a quick and convenient way to create links, but it has some important limitations:

  • These links cannot be reused. If you make another guide and you want to link to the same resource, you have to make a new link
  • This also means that if a URL changes, you must go to each guide where it's used and update it manually

Link Assets
What are Assets?

Assets are different types of items (including documents, widgets, LibWizard forms, and links) that are saved in a library and can be reused across guides. You can reuse both assets that you created, and assets that other users created. Springshare  explains what assets are and how to use them here:

Link assets look different from rich text links (see below), but they have some advantages:

  • You can reuse link assets that both you and other users have created. If a link asset that you need already exists, it's good practice to reuse it instead of creating a new link
  • If a link changes, the link asset only needs to be updated once (in the asset library). All the guides containing the link asset will update automatically

This article explains how to reuse an existing link asset, and how to create a new link asset if needed. This is also an example of what a link asset looks like.

How to Reuse an Existing Link Asset:

  1. Click the Add / Reorder drop-down at the bottom of the box
  2. Choose Link
  3. At the top of the dialog box, click Reuse Existing Link
  4. Start typing the name of the link
  5. In the list of options, click on the link you want
  6. Set the position, i.e., where it will appear in the box
  7. Click Save

How to Add a New Link Asset:

  1. Click the Add / Reorder drop-down at the bottom of the box
  2. Choose Link
  3. In the dialog box, enter the following
  • Link Name = name of the site you are linking to
  • Link URL = URL 
  • Window Target = decide if the site should open in the current window, or in a new window
  • Use Proxy? Mark Yes if linking to a specific item like a journal article that requires users to log in
  • Description = information about the site you are linking to
  • Description Display: Check how you want viewers to see the description (below the link name, when hovering, or not at all)
  • Position = where the link will appear in the box 

4. Click Save

Floating Boxes

This is a "floating box," which means that users won't see the blue heading (with the box name in white) and the gray border around the box. However, you can see these features when you're logged into SpringShare. Some LibGuide creators think that floating boxes look better, since they add more white space to a guide page--but it's up to you to decide if you want to use them.

If you reuse a floating box from another guide, the "floating" feature won't automatically apply to your new copy of the box. You need to manually set it to be floating. Here's how to do it:

  • For the box that you want to be floating, in the blue heading, click the Edit (pencil) icon
  • In the dialog box, put a check mark in the Floating Box option
  • Click Save

Follow this same process when you create a new box and want it to be floating.