Place your Page Title or Statement Text here.
Type of card #1
Put some thought provoking statement or a teaser about the information that the Card Links to in the next layer of content.
There are different colors and styles of Cards
Cards are used to organize content on a page. You will be limited to 4 cards per row.
Cards can be used in many Creative ways
There are many sample card styles on the Quickstart site. Please take a look via the link below.
Or Cards can be used to manipulate the display information
Image
Or they can be used to format various kinds of Images with accompanying text.
Add any text here that gives an overview of the content of the page. I like to use the Lead Style for the first sentences or short paragraph, unless it's a title for a section. Then use the Heading hierarchy to make the page Accessible.
- This text can be before or after the Cards.
- Make sure to follow the Heading Hierarchy
- Format for the correct Hierarchy, but use Styles to visually change text size and color
- Best practices say
- Do not use a lot of large paragraphs, use bullets and other page elements to break up the text.
- All phone numbers should be a link.
- All Emails should be a link, but use readable text for the link, ex: contact Jane Doe via her email, not janedoe@email.arizona.edu.
- Other page elements can be used to group information or pull in information via a View.
- Accordions:
- Good for FAQs
- Good for long paragraphs of info that could be broken down into clear headings
- Views:
- Add a News View - make sure to add taxonomy if you only want to pull in a select category of News
- Accordions:
- Your color palette for the site is the following:
- White
- Arizona Red
- Arizona Blue
- Oasis (Medium Blue)
- Sky
- Warm Gray (Taupe)
- Gray 100 - Gray 300
Condensing several pages?
Especially pages with little content, a list of links or FAQs? Use the power of the Accordion! Put the title of the page in a Text box and any miscellaneous general text too.
Add all of the content under the section title here.
Until you have moved all of the page text to the accordions.