Lewis & Clark’s website—run through the content management system (CMS), LiveWhale—is one of our most powerful communication tools. Our site has been designed with great care to have accessible, legible content that looks as great as our campus.
There is no need for you to alter the fundamental design of your pages; in fact that could be detrimental to accessibility and overall legibility. We have, however, built many tools (discussed below) to present your content in the best manner possible.
Use heading formats to organize your pages and help readers scan the content. To prevent confusion, please apply these formats judiciously and maintain our recommended hierarchy:
Header 2 should be used for the main section headers on your page.
Header 3 should be used for subsections on your page.
Header 4 works like bold.
Header 5 is the smallest header style and works like italic.
Paragraph should be used for all regular text on your page.
Note: Header 1 is the size at which “Lewis & Clark” appears in the orange website header at the top of the page. It is not available for use on most pages.
- Alignment. Do not center your main paragraph text. Left-justified text is much easier to read on a screen.
- Colors. To ensure consistent readability across our site, it is important that you not apply color to any text. If you’re looking for ways to add emphasis, please consider applying headers or contact New Media for advice.
- Font styles. Avoid underlining text because readers may confuse it with a hyperlink. Never write in all caps on the web (or you’ll be accused of YELLING!). Avoid applying the bold or italic styles to large sections of text because while effective in small doses, those styles can quickly become overwhelming.
- It is not necessary to add underlining to links. A special style is automatically applied to links that makes them easy to spot without needing any additional styling.
- When creating a hyperlink, link nouns, not verbs. This helps visitors quickly understand a link’s destination. (Ex: “Schedule a campus visit.” not “Schedule a campus visit.”)
- Avoid using “click here” or “link” in text, as it hurts the accessibility of the content. Instead just link to the thing itself. (Ex: “Submit your application.” not “Click here to apply.”)
- When linking to a file or document, include a reference to the file type. This helps site visitors understand what they are clicking. (Ex: “Download the registration form (PDF).”)
- Upload the largest available version of your image. LiveWhale will downsize it for the web and allow you to set the thumbnail version of the photo in your page, news story, and so on.
- If you need new or different images for your web project, please refer to our image media bank, or get in touch with us to discuss your image needs.
- Always add a caption to your image so screen readers can pick it up as alternative text for people with vision impairments. See the Accessibility section below for more information.
- If you need to create a graphic for your event or story, our office recommends using Canva. Refer to our Visual Identity Guide for guidance on logos, colors, and fonts.
- Important: See the Usage Rights section below for information on image copyright and licensing.
Because of the standardized templates throughout the Lewis & Clark website, the logo is almost never necessary in the creation of pages.
Adding Content Through Widgets
Looking to integrate a photo gallery on your web page? Feature some student profiles? Incorporate key events or news stories? LiveWhale has several widgets that we can add to your page to improve the impact of your design and content automatically. Reach out to New Media to start strategizing on the best way to optimize your content. Note: the social media integration widget doesn’t work at this time.
Statistics can be a very powerful tool to tell your story online. We partner with offices across the institution—like Institutional Research—to create effective and accurate statistics for web use. Our office has made special tools, including website profiles and widgets, to make collecting and incorporating this information easier for you. Our statistics shopping page is a great place to start, or reach out directly to our office to learn more.