2026 Style Guide

Button options

Texty text

Icons













































Icon list

Style is changing. Need to make consistent.

Accordions

NOTE: Change out any other Accordions with gray outline.

Texty text

texty text

NOTE: Style below allows other widgets to be put inside.

500 Error On First Login
  1.  Log out of Colleagues using https://colleagues.medicine.wsu.edu/logout.

  2. Do not attempt to log in from the log out screen, it will redirect to the Okta Login Screen, not Colleagues.

  3. To log in go directly to https://colleagues.medicine.wsu.edu/ and log in again.

  4. If you still unable to log in the last step before reaching out to MedTech would be to clear all cookies from the Colleagues site.

*Note for Admin: If user has never successfully logged in to Colleagues, they will not have a user record in the user list.

  1. Click the three-dot menu icon in the top-right corner.
  2. Go to Settings.
  3. Select Privacy and security.
  4. Click on Cookies and other site data.
  5. Click See all cookies and site data.
  6. Use the search bar to find the specific website or click the Remove All button to delete all cookies. 
 
  1. Click Safari in the top menu bar.
  2. Select Settings (or Preferences).
  3. Go to the Privacy tab.
  4. Click Manage Website Data….
  5. Search for the website you want to clear or click Remove All. 
  1. Click the three-line menu icon in the top-right corner.
  2. Select Settings (or Options).
  3. Choose Privacy & Security from the left-hand menu.
  4. Scroll to the Cookies and Site Data section.
  5. Click Manage Data… to find and remove individual sites, or click Clear Data to remove all cookies and site data. 
  1. Click the three-dot menu icon in the top-right corner.

  2. Select Settings.

  3. Click Privacy, search, and services from the left-hand menu.

  4. Under the “Clear browsing data” section, click Choose what to clear.

  5. Check the boxes for “Cookies and other site data” and/or “Cached images and files”.

  6. Click Clear now. 

Timeline

Note: Can use any icon in the widget. Can also go horizontal if necessary.

Pricing style

Adobe Creative Cloud for Enterprise

$518.54
  • Single user license
  • Entire suite of Adobe products

Adobe Creative Cloud for Enterprise

$317.81
  • Shared device license
  • Entire suite of Adobe products
  • Useful in a lab, classroom, student lounge, etc.

Adobe Acrobat Pro Only

$191.46
  • Single user license
  • License for Adobe Acrobat Pro only

Sidebar Icon box (not a note, alert, or info)

Problems?

Please contact Campus IT for assistance: 509-358-7748

Zoom in a Classroom

Tap here for instructions to get your classroom connected!

Icon box option (alternative to featured list)

Become an Asana Ambassador

Icon box with a linked header

No action required

Texty text

Icon box: note, alert, and info

Links within icon boxes are bold white.

Note

Alert

Info

Faculty Guide
Student Guide

Table

Header 1 Header 2 Header 3
Open a PDF

Table alternative

Power BI
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Excel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Inner section

Put text on the left and image on the right for consistency.

Slides

2.
Please do not use an ampersand (&) when inputting the names of materials and activities/sessions. Use the word and.

Query

Used as navigation. One with images and one without.

Asana for Beginners
Vevox Basics
Vevox for Faculty
Review Vevox Data
See All Tutorials
Faculty Guide
Student Guide

Featured List

Call to action (change all call to actions to these), no images

Want to log hours for Medschlr?

Click the button for instructions to log your Medschlr hours.

Go to Medschlr instructions

Support call to action (Global widget, do not unlink).

One global widget is set up for each team.

Need assistance?

Contact the College of Medicine Digital Accessibility Team if you have questions or need one-on-one support or additional training.

Contact the Digital Accessibility Team

Tabs

Used most often with Desktop/iPad or Mac/Windows or Firefox/Safari/Chrome

Advanced Tab

  • To add a new publication or experience, click the “Add Publication” or “Add Experience” button.
  • The Impactful Experiences & Hobbies can only have one entry at a time, you can edit or delete this entry.
  • After you choose a publication type, the required fields will appear automatically.A screenshot of the research portfolio viewed on desktop.
  • If you already have entries, you can update them at any time.
  • Simply make your changes and click the greenSave Research Portfolio” button.
  • To delete an entry, click the “X” circle button near the top left corner of the entry card.
  • Then click Save Research Portfolio to confirm the deletion.

There are two different styles of student/faculty content. Which do you prefer?

Students receive first-time sharing links through E.Flo MD announcements. Student dashboard links are also found under their Cohort Assessment Resources.

Power BI reports for faculty are shared based on specific faculty roles within the college. Some groups (Clinical Competence Panel or Coaches) may receive their report link through group Sharepoint sites. For other groups, secure sharing links may be emailed to specific audiences. 

Hotspot

Update all hotspots.

Screenshot with hotspots for oom Orientation
Meeting Information

Meeting Information
Send an invite to an individual by:

  • copying the meeting URL or the full meeting invitation, or
  • sending directly via email. This is great for when you forget to loop someone in and need to have someone join last minute.
Audio
Audio
This tab will allow you to control audio functioning in Zoom and select the microphone and speaker for your device. If you are having trouble hearing, you can change volume configurations. Generally it is a good idea to test your audio devices prior to the meeting to make sure they are working properly. 
Video

Video
Clicking this will start sending a video feed from your computer to all participants. The video feed will come from the default camera of the device. If your computer does not have a built-in webcam, you will need to connect one before you have access to video conferencing.

Video Layout

Video Layout
Changing the video layout will affect how the other participants' videos are displayed on your video panel.

Displayed Participant Information

Displayed Participant Information
This is where meeting participants' video or screen name will populate, allowing you to view whoever is actively speaking.

Number of Participants

Number of Participants
Clicking this tab will bring up a list of all the participants in a meeting and allow you to see who is talking at any given moment.

Chat

Chat
You can send messages within the meeting if you want to avoid talking over the main speaker. Great for structured Q & A!

Helpful Links

Share
This tab will allow you to send content to individuals from inside the meeting itself. You can share screens like your desktop, any files you are working on, or a Powerpoint that you may have loaded up.

We advise practicing this a couple of times before your meeting starts!

Record

Record
This will allow you to start a recording within the meeting. This can also be set up prior to the meeting as a default or as a function of the Zoom Outlook function when the meeting is created.

 

Reactions

Reactions
You have access to a list of non-verbal feedback and emoji reactions that show up for other participants in the video panel.

A-head with icon

Style Guide

Connection with blog post

Read more about course websites from a student’s perspective

How to navigate Year 4 course pages

Congratulations! You have entered into your 4th year of medical school. A key to succeeding this year will be understanding how the 4th year is organized and the expectations of each rotation. This is where course pages come in.

Checklist

Sidebar icon list

Best practices sidebar Featured list

Best Practices

Instructions for how to use these best practices are below.

Use Apple Computer Only

Download the case ePub to your Apple computer and open the Case edits file. You'll have two windows open on your desktop.

Use an iPad and Apple Computer

If you have an iPad, download the case ePub to your iPad and open the Case edit file on your computer.

Use an iPad only

This is not recommended! The two windows that need to be open on the iPad will make it difficult to type your changes and look at the case ePub.

Sidebar

Issues: Color contrast on links doesn’t work on lighter colors.

Technical Support Staff Workstation Certification

For Faculty and Staff

A note on downloading zoom

Button for pages that are showing up in google search

The G-Suite is available for use by current Elson S. Floyd College of Medicine students, faculty, and staff.

Video playlist

Playlist

3 Videos
Tap to enlarge. (12pt with period)

Fly in quote

Portions of this site are undergoing maintenance, which will be concluded the week of August 17. Please check back to see the new look with the same great tech tutorials. If you have questions, get in touch with the Digital Publishing team. Happy summer!