The Rutgers University Libraries Website style guide explains the rules and conventions that go into defining typography and the appearance of website elements on our website. Its goal is to provide a cohesive and coherent experience for website users and content creators. An internal style guide has been in existence since the redesign of the libraries’ website in June 2013. However, growing demand for custom content from colleagues and requests for mini-sites, established a need to make the style guide available to users across the libraries. Not everyone knows – or should be expected to know – how to create a webpage. The style guide provides a clear idea of what to expect when, for example, you want to display tabular data or, have an article on the website that uses pull quotes. Content creators amongst our library colleagues can use it when visualizing their pages. Developers can use it as a reference when coding new pages. It functions as a common reference for both.
On a technical level, the style guide is structured such that it provides an example of the treatment of a website element, followed by the CSS code used to style the element, and the HTML code that displays it in the browser. On a general, stylistic level, it defines how pages are structured on the website, such as addressing questions regarding the appearance and location of navigational links within a mini-site. It also informs us about overarching style rules that users might be interested in knowing, such as the font family (Droid Sans) and generic typeface (sans-serif) that body copy defaults to throughout the site.
The developers and designers in Integrated Information Systems are available to create webpages that use the style guide as a guideline, rather than a limitation, with possibilities for creativity and experimentation, to build the best experience for our users and our colleagues.
Access the website style guide here: https://www.libraries.rutgers.edu/styleguide