Use this area for the Title of the Page in H1
Use cards to replace the hexagons. Under each Heading, put all Cards in one group.
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.
A second way to use Cards in place of Hexigons
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