Web Style Guide
The Web Style Guide is your resource for how to format pages on the website that are in compliance with the official Whitman College style.
Abstracts: A short description of the content on the page. The content in this box appears in search results online and on the Whitman website. It is important to write in full sentences and create a useful description of the page content.
Example: Information for web users to learn more about Whitman's web style guidelines.
Apostrophe vs. Foot Mark: Single quotes or apostrophes should be a curly or “smart” apostrophes. Only use foot marks for measurements.
Single Left Quote
- Mac: Option-]
- PC: ALT+0145
- HTML Code: ‘
Single Right Quote
- Mac: Option-Shift-]
- PC: ALT+0146
- HTML Code: ’
Bullet Lists: If bullets are complete sentences (or complete a sentence used to introduce them), use periods at the end of each bullet. If the bullet content is not a complete sentence, no periods are needed. When using a bullet list, be consistent about whether each item is a complete sentence or an incomplete sentence.
- Students should contact their advisor.
- Final Schedule
Email Addresses: When including an email address, put it behind the name in quote marks and hyperlink it. This increases accessibility and allows people to copy-paste the email rather than rely on the hyperlink to open in an email client. Example: Joe Whitman, firstname.lastname@example.org, rather than Joe Whitman.
- Mac: Option-Hyphen
- PC: ALT+0150
- HTML Code: –
- Mac: Option-Shift-Hyphen
- PC: ALT+0151
- HTML Code: —
Headlines (for news and magazine articles): Write headlines in title case, with principle words capitalized. Headlines should contain keywords and make it clear what the content of an article or page is.
Example: Whitman Updates Website to Ingeniux Version Ten
Internal headers: If a FAQ, where the accordion title is a question or a complete sentence, needs to be written in sentence form and sentence case. Should never be more than one sentence - shorter is better.
Links: For accessibility, hyperlinks in text need to be included on descriptive text that make it clear where an individual will go when they click on the link. "Read more," "learn more," or "click here" are not good linking words.
- Don't forget to download the Student Guide to learn more about the different... Not: Learn more in the Student Guide
Office Hour Times: a.m., p.m. with a dash in between. If days of the week are necessary, use letter abbreviations. Only list days of the week if hours vary on different days.
- 8:30 a.m.-4:30 p.m.
- MWF 8 a.m.-2 p.m.
- TTh 10-11 a.m.
Office information: List full building name followed by a comma and the room number.
- Hall of Science, 315
Page Name (what shows in navigation): Write in title case, with principle words capitalized. The page name should label clearly what the page content is, but also be short because it's typically the URL.
- Digital Style Guide
Page Title (what shows on top of page): Write in title case, with principle words capitalized. Can be the same as the page name, but can also be distinct and be slightly longer to give more information about page content
- Whitman Digital Style Guide
Phone Numbers: No parenthesis around the area code.
- 555-555-5555, not (555) 555-5555 or 555.555.5555
Photo Captions: Captions should be descriptive, complete sentences that describe the action taking place in the photos and the people pictured. If a photographer credit is needed, place at the end of the caption in parenthesis.
- Marcus Whitman, left, and Jane Doe walk through the fall leaves on Ankney Field. (Photo by Jane Whitman)
Quotation vs. Inch Mark: Quotation marks should be curly or “smart” quotes. Only use inch marks for measurements.
Double Left Quote
- Mac: Option-[
- PC: ALT+0147
- HTML Code: “
Double Right Quote
- Mac: Option-Shift-[
- PC: ALT+0148
- HTML Code: ”
Related Links/Link lists: Put the names of the links in title case.
- Ingeniux and Whitman Update to Version Ten
Accordions: If the accordion is a FAQ, where the accordion title is a question or a complete sentence, it needs to be written in sentence form and sentence case. It should never be more than one sentence - shorter is better.
If the accordion title is a label or a program name, then it should be title case.
Buttons: When using buttons, keep the button text short and write it in title case. Make the button text descriptive. Do not use "Read more" or "Click here."
- Download Internship Application
- Apply for Whitman Scholarships
Card galleries/cards: Title case is best for names, job titles, and organizations. Sentence case is best for descriptors/explainers.
- Joe Whitman
- Whitman leads the way
For Publication Fields category use sentence case.
Video Body: Enter the video title and use title case to describe the content of the video if you choose.