Strictly for COVID-19 communication alerts. It is a rich text widget that can include links to other pages.
Place at the top of the page below the page title, above the hero image if there is one.
The hero image should be worth 1,000 words. It should represent the page purpose in one image. Not all pages warrant a hero image. Marketing pages at Level 1 or 2, generally employ hero images to support the content.
Used for marketing and promotional content. Generally developed with email. Invite user to engage with CTA button. Photo should be superior quality. Placed at the top of the page below page title.
A card is a scannable snapshot. It previews enough to identify the topic. It invites us to learn more and interact, in that order. Cards are generally used to present children pages.
Cards are flexible and can accommodate content:
Card with grey background
This is a gold card.
Featured cards are used to invite users to explore a lateral page at the Level 1 hierarchy.
Cards can be grouped under a heading when the content on the cards is related. Use the Light Gray or Light Gold background colors
Card content goes here
Card content here
card content here
Card elements can be used for purposes other than to preview content. In this case, white cards on a grey background are used to group related content chunks.
This content is part of group, such as a list of amenities or locations.
This item is part of a group, such as amenities or locations.
Headings should always be followed by text and flow from heading 2 down to the next level in the hierarchy. This is for accessibility. It is not a good solution to have 2 headings in a row. If you find yourself in that content predicament, try using an inline heading instead or rewrite your content.
Use the WYSIWYG tool bar to select and style content.
Undergraduates: This is a paragraph with in inline heading so that it stands out from the other topics.
Graduate Students: This is a paragraph with in inline heading so that it stands out from the other topics.
Families: This is a paragraph with in inline heading so that it stands out from the other topics.
This is a a link from HTML to a specific page in a PDF document. Page 4 to be precise.
Questions widget? Contact emailaddress@uw.edu.
Use a table when you want to display data. An HTML table is a great way to organize content such as pricing, feature comparisons, nutrition facts or other tabular data.