Personal tools

APS Web Branding

APS.edu houses our identity, defining visual and communicational standards to carry out our messages and goals that are inextricably linked to student success.

We brand our identity with each news and event posted, through social media outlets, and essential information. It is further strengthened by the experiences and expectations of our students and families, our teachers and staff, and our district community and partners.

Consistency in our identity and brand is important, which is why the APS Web Team has created a web style guide with our department web editors in mind. In providing straightforward guidelines on logo use, approved website colors, incorporating images and icons, ADA compliance, and writing for the web, we can maintain a unified look and feel for our APS.edu visitors.

Accessibility

APS is dedicated to fostering an accessible web presence. We require all APS web editors to take some simple, yet essential steps in making sure that content is equitable to all visitors.

APS Logo

The APS Logo, when used across the district website and School Loop websites, must adhere to specific colors and sizes. Examples of correct use of APS logos, and how to download.

Color Pallete

APS has approved specific colors for use across the district site for visual brand identity. For improved accessibility of online content, these colors were added to complement the APS color pallete. Learn more about APS colors.

Type

Depending on the user’s operating system, Arial and Helvetica are the only approved typefaces. The use of novelty fonts is discouraged in most instances because they are difficult to read.

Headings

The accessible headings for content in Plone, are h2, h3, and h4, reflecting our current fonts, Arial and Helvetica. Learn more about how page titles, summaries, and headings work together.

Images

Images enhance and compliment written text. Incorporating images properly will help keep the rest of your content interesting and relevant. Be sure that your images are not blurred, but high-resolution images so that you don’t diminish the quality of your visitors’ experience.

Buttons and icons

Buttons are used for clear instructions for users to “do something,” like “Download the Student Handbook (PDF)” or “Register for the Webinar.” The call to action elevates the task that is crucial for the users who you anticipate are coming to your page.

Icons are used to grab the attention of the user faster. They are used as a common visual indicator that can be highly recognizable. FontAwesome icons are available for use in buttons. The Web Team can assist with icons.

Button Button Button
Button Button Button Button

Links

Broken links or those that link to outdated sites and information can be a major source of frustration for your visitors. It can also send a message to visitors that they are not valued when the website is not being tended to.

Webmasters receive Siteimprove reports regularly. Be sure to review your site reports for broken and outdated links. Remove links that are no longer relevant and update those that have been moved to a different web address.

Tiles

Use Tiles to instruct your user to "go somewhere." Tiles highlight pages that have key information that you predict is essential to the users coming to your page.