Heading Level 1 (32px)

Heading Level 2 (24px)

Heading Level 3 (19px)

Heading Level 4 (19px)

LINK EXAMPLE

Use the link feature. Highlight the text and select the Create Link icon (image of a link).
The link label should be actionable and concise. The user should know where the link will take them.
- External links go to another website or a PDF. Example: "www.bouviernational.com" Be sure to check the box "Open in new window"
- Internal links go to another webpage on the website. Example: "Learn about the Bouvier Education Seminar".
Don't use "Click Here" or other generic descriptions.
Change the font style to bold

PRIMARY ACTION BUTTON EXAMPLE

The button label should be actionable and concise. The user should know where the button will take them. Example: "Buy a Calendar". Don't use "Click Here" or other generic descriptions.

MAIN CONTENT BOX EXAMPLES

Call-Out Box

Use the Call-Out Box element
This pattern is used to showcase:
- Photos of Bouviers on the specialty results page
- Articles promos

Color Content Box

Use the Content Color Box element
Add a Heading 2 to each box. Examples "Related Links", "Committees", "Downloads", etc.
Border and background color is set as shown in this sample. Copy/Paste this example or change design in the dialog box:
- Background Color = #EEEEE9

TABLE EXAMPLE
This is one example of the table pattern used. Check out the Responsive Table Examples page for a full sample of table configurations.

Heading 3 Example

Rank	Dog's Name	Legs	Avg. Score
X	4 Column Table Template	X	XXX

SIDEBAR EXAMPLES

Color Content Box

Use the Content Color Box element
Add a Heading 2 to each box. Examples "Related Links", "Committees", "Downloads", etc.
Enter information and links to other supporting topic webpages directly related to this topic page.
Border and background color is set as shown in this sample. Copy/Paste this example or change design in the dialog box:
- Background Color = #FAFAFA
- Border Style = solid
- Border Color = #E0E0E0
- Border Width = 1

Feature-Back to Top:

Use when content on the page would benefit from allowing the user to "jump" back to the top.
Place "Back to Top" element after the very bottom of the page and above the footer. The sample is placed at the bottom of the page and after the sidebar content.