In an effort to maintain Kentucky State University’s brand identity and to provide consistency across the website, a set of style guidelines has been developed.


Overview

The university provides support for those who need to develop and maintain their own websites. The university utilizes WordPress, a content management system, that helps ensure consistency in design, navigation and content across the university websites. By using WordPress, all fonts, colors and styling have already been applied and do not require modification.


Branding

Use of official KYSU logos and graphics requires written approval from either the Communications department. The logo:

  • Must maintain the proportions of the logotype. The size and position of the logo should never be changed, although the logo may be sized to any percentage.
  • Must not be obscured.
  • Most not be modified with special effects (e.g. drop shadow).

 


Navigation

The website navigation includes three primary elements:

  • Topical Menu: The topical menu is the first-tier of menu items and is designed to represent topical interests (e.g. admissions, athletics).
  • Audience Menu: The audience is the second-tier of menu items and is geared towards specific audiences (e.g. prospective students, alumni).
  • Sidebar: The sidebar is an optional left-side navigational resource that is specific to a school, department or site.

Wordmark

The wordmark should appear in a prominent and consistent position on every webpage. By default, it is located above the main body of the content in a bold header text, separated by a thin gray line. In this example, it reads “Information Technology.”

Wordmark

“Information Technology” is an example of a wordmark.

The wordmark should only be the name of a school, department or page title, and should not include abbreviations.


Images & Videos

Images

addmediaImages can be added in two ways via “Add Media” in the toolbar:

  • Media Library: After clicking “Add Media,” the Media Library is displayed. A search box is provided to query images that are tagged with specific keywords and names.
  • Upload Files: If the image is not available via the Media Library, an image can be uploaded. All photographs should be in the JPEG/JPG format. Graphics, such as maps, sketches, logos, etc., should be in PNG or GIF. Graphics need to have a resolution of at least 72 DPI and in the RGB color format, and should be smaller than 1,200 pixels wide and/or long.

After an image is selected, either by the Media Library or Upload Files function:

  1. Click on the image desired.
  2. Add a title, alternate text and description.
  3. Select the alignment to the text and size (medium is the default best option).
  4. Click “Insert Into Page.”

Media Gallery

A gallery can be created with multiple images by selecting “Create Gallery” and selecting multiple images and then “Insert Gallery.”

Videos

Videos are best uploaded to the university YouTube or Vimeo channel and then embedded onto the website.

Once a video has been uploaded, an embed code can be generated by the service (e.g. YouTube), and inserted onto any page.


Typography

The primary serif typeface for the website is “Georgia.”. It is used for headers and for paragraph text. Some specialty headers, especially those on the main page, use the “proxima-nova-n4″ or”proxima-nova” sans-serif font.

Headings

HeaderHeadings may be one of the most important aspects of a page. This is because headings are not only visual elements, but they also a defined type of content for a page.

When you apply a heading to a page, you may think that all it does is make the text a larger font and make it bold. This look could just as easily be obtained by making the text larger and adding the bold effect to it, like one might do in a Word document. While this is true, defining a piece of text as a heading does much more than visual styling.

A heading describes what kind of content it contains and should be a word or a short phrase. A paragraph should never, ever be made as a heading, nor should an image.

In short, headers should be used in your pages, but should be used wisely. Using too many, or too little, headers in your pages will result in a page that is not optimal for search engine optimization.

  • Headers should define topics or sizable sections of a page.
  • Headers should be organized in a tree-like fashion.
  • Never use headers inline with paragraph text.
  • There are six headers that can be selected, ranging from Header 2 to Header 6.
  • Header 1 is skipped as it is used for the Wordmark.

Lists

Lists are a great way to summarize important or verbose content, or they can also be used to specify a series or process. Using lists can also ensure that site visitors are reading the important content; many visitors are looking to find what they want quickly, so giving them a short and sweet list will do just that.

Lists come ordered (numbered) and unordered (bulleted). Ordered lists should be used to present a series, list of steps, or other content where the ordering is critical to its understanding. Unordered lists should be used to present summaries of information or a grouping of small pieces of information.

Hyperlinks

Hyperlinks are important components to the web, and there will most likely be many pages in your site that utilize them.

  • Link to URLs: A URL link is a hyperlink that points to some kind of web content, whether it is a PDF document, an image, or another web page.
  • Link to Email Addresses: Email links can be inserted into pages and used to automatically open and compose a message in your email client.

To add a link, select the text that you want to make a link, and click hyperlink. Select the page or type in the URL the link should go to, and click “Add Link.”

To add a link to an email address, type out the email address (e.g. nobody@kysu.edu), highlight the email address, and click hyperlink. The URL field should be pre-populated with “mailto:nobody@kysu.edu”. Click “Add Link.”

Mailto


Files & Documents

addmediaWhen uploading files and documents, be sure that the article to be uploaded does not contain sensitive information. To add a file:

  1. Click “Add Media.”
  2. Select either Media Library if the file already exists or Upload Files if you need to add a new file.
    • Media Library: After clicking “Add Media,” the Media Library is displayed. A search box is provided to query files that are tagged with specific keywords and names.
    • Upload Files: If the file is not available via the Media Library, a new file can be uploaded.
  3. After a file is selected, either by the Media Library or Upload Files function:
    1. Click on the file desired.
    2. Add a title, alternate text and description.
    3. Click “Insert Into Page.”

The file has been inserted as a link on the page and by default, is named after the title provided earlier.

For more information, contact the Information Technology Help Desk at (502) 597-7000, helpdesk@kysu.edu, or via http://kysu.edu/helpdesk