颜色

以下颜色是我们的品牌颜色，支持HEX, RGB和HSB值.

如果可能的话，利用 主要的 颜色选项首先使用 二次 作为另一种选择. 使用辅助色 二次 在需要的时候上色.

Our color palettes should also utilize the associated text color shown when the color present is used for a background.

一个典型的例子是皮马岛.Edu的导航栏是 支持黑人 与 支持青色 作为字体颜色.

字体

皮马的主要印刷字体是 阉割过的雄鹿. This typeface is included in all of our marketing materials as the font choice for our slogan and supporting phrases.

在我们的网络平台上, 然而, 在支持我们品牌的领域，我们为了易读性的原因，很少使用这种方法. 的 阉割过的雄鹿 字体只应用于标题，并且总是以标题大小写书写.

To establish Pima’s distinctive appearance on the web, we only use the typefaces listed below.

字体选项

的 阉割过的雄鹿 typeface should only be used for headlines on the website, it also and requires a license to use. 对外关系办公室不负责提供授权字体. 的 Helvetica Neue 目前可以作为免费的网页字体使用和下载 谷歌字体.

如果无法使用这些字体，请联系 网络系统 直接询问如何进行的方向.

字体样式指南

Below are a few guidelines for how to properly treat these fonts throughout the web platform, 包括标题样式, 重量和尺寸.

Color choice for the styles are shown and alternative color options for text can be seen in the color 节，上面列出.

标志的使用

皮马社区学院的标志是学院最直接的代表. 这是一项宝贵的资产，必须以适当的、经批准的形式持续使用. 品牌识别系统中最重要的元素是一个独特的标志, 这为我们的组织创造了一个强烈的视觉表达.

在皮马网区域内, 徽标目前只需要在页眉和页脚适当使用. 这提供了一个清楚的认识，该网页是一个皮马社区学院实体.

有关皮马社区学院的其他用法和徽标指南, 在我们的网站内外, 请浏览我们的 Logo使用指南.

主要网页Logo

我们在页眉和页脚的背景上使用全白版本的logo. 一个清晰的用例是标头本身.

下载的标志

的图标

这是我们的一个例子 的图标 对皮马人.edu，应在整个皮马场址使用.

下载的图标

Any other use cases of the Pima logo should be brought to the attention of the 网络系统 team for proper direction.

页面布局

在我们的Pima网页, 我们充分利用元素之间的空白来容纳文本的所有区域, 图像和图形为我们的用户提供了消化整个内容的空间. 这也使我们有能力使用大尺寸, 品牌元素和图形的重量和颜色.

网页布局应该始终通过响应式网格或柔性系统来处理. Older fixed-width grids and layout methods should no longer be used since they do not display well across various screen sizes and devices.

布局的内容

Our pages are typically very consistent in our layouts to help provide familiarity when seeing new content.

首先，我们的内部内容页面包括一个左边的内部页面导航，一个 面包屑区域，支持图像和页面标题，然后是相关内容. 在相关内容中, 我们允许一个细的内部右列的重要信息, 例如联系信息或办公时间或支持项目的快速链接.

在更高级别的页面中使用, we forgo the left navigation as the content within these pages usually expresses the navigation for the connecting pages to follow.

最后，所有的皮马页面包括皮马页眉和皮马页脚，如图所示. 如果您对页面布局有疑问或担忧，请联系 网络系统 为方向.

摄影

Across all PCC website pages we choose photography that is authentic, relatable, and engaging. We want to showcase a day at the College through the experience of our students, 教师 and 工作人员.

的 images used on the website are chosen to create believable and encouraging experiences for our web visitors. 在我们吸引他们注意力的短暂时刻, 我们想分享尽可能多的关于被拍照的人的故事.

Our photography is an ever-evolving piece of our identity that keeps pace with constantly evolving technologies. 巧妙地, we adjust our style to fit modern web photography while being considerate and cautious of trending temporary styles.

主题 & 主题

PCC是一个非常多样化的社区，我们希望尽可能多地展示这一点. 永远要考虑到我们是在庆祝所有种族、性别、年龄和文化.

我们想讲一个故事. 我们的实验对象应该尽可能多地展示他们在皮马的一天.

我们也努力展示一个ctual学生. We want to be authentic in our storytelling and authenticity is displayed when we show real students living out their Pima story, 而不是拍摄模特.

照明 & Color

我们的品牌欢迎温暖明亮的形象. We want to be cautious of over or undersaturation while still wanting images to look as natural as possible.

我们经常在室外或温暖的房间里用自然光拍照. 在极少数情况下，需要在黑暗的地方使用人工照明, we are strategic about the color choices and always use professional lighting rigs and equipment.

背景

图像的每个部分都需要讲述一个故事，包括我们拍摄对象的位置. 我们想要干净，专业的背景，很少分散注意力的元素.

我们经常, 但并非总是如此, apply a small blur to our backgrounds to help center the focus on our subject but we still want the context of the background to be clear and not too muddled.

标志 & 品牌

虽然我们可能与外部公司或机构有良好的关系, 我们希望避免或删除任何类型的品牌或标志，不是皮马的一部分. This allows our images to have a longer life should any relationship or company reputations change for any reason.

位置

当使用图像来支持我们的位置时, 我们喜欢展现维护良好的现代化大学校园的照片. 外景以自然色彩丰富、风景优美、健康为主.

When possible we take wide shots of our structures in our most impactful areas of the campus. 如果可能的话, 我们希望在交通繁忙的时候展示皮马人寿的来来往往.

设备

几乎总是, the photos we choose to display and advertise of our brand are captured with professional equipment. 这包括一个专业的数码单反相机, 适当的镜头拍摄和额外的设备时，需要.

This means we stray away from using images captured on cellular devices or smaller digital cameras to uphold the raw image quality.

股票的照片

我们所有的照片都是在内部拍摄的. 然而，有时这是不可能的. 在这种情况下，库存照片是唯一的选择，以帮助支持我们的内容. 虽然这些情况应该是极其罕见的, 我们总是通过Getty images选择付费许可下的图像.

我们通过这个授权选择的形象是与我们的品牌风格有凝聚力的, 偏离时尚的照片风格和典型的库存姿势.

如果库存照片和内部选项不可用, 外部照片来源必须得到网络系统的批准，不能要求补偿, 必须是无版权的, 并且不能显示来自图像生成器的任何类型的水印.

捕捉技巧

大小: 我们的照片应该灵活地用于我们网站的不同区域, 有时需要极大的照片尺寸. 记住这一点, 同时捕捉拍摄对象的水平和垂直图像是一种很好的做法.

It is also good practice to give space around the subject in your photo to easily allow manipulation of the photograph to fit in various places on our site.

关系: 通过经验, our Pima Students tend to have more genuine emotion when they are comfortable with what is happening. 即使是作为摄影机后面的摄影师, 我们努力与学生建立联系，以提供这种舒适感.

干扰: We always want to be conscious of what is going on in the background to not distract our end-viewers, 包括人、物和装饰品.

图解

In all of our Web platforms at 皮马社区学院, we utilize icons to serve multiple purposes. Adding icons draws our users attention while still conveying the same message a block of copy would. 它们有助于增加我们品牌的凝聚力，并在皮玛产品中呈现出清晰的身份. 图标还可以快速识别我们的用户预期的目的地或操作.

记住这一点, we at Pima utilize two separate icon libraries to serve two different but cohesive purposes; our own PCC图标库 and a free icon library from 字体太棒了.

PCC图标库

首先，我们使用了一套多色的品牌图标. 这些图形应该是可扫描的和有吸引力的. 我们使用品牌图标来分割长文本块, 显示兴趣点或支持副本部分.

下面你会发现一些常用的图标在皮马.Edu和其他外部位置.

FontAwesome

其次，我们使用最新的免费图标库从字体Awesome. 这让我们能够创造出更加微妙、快速和简单的方向或行动. 它还允许我们在调色板中灵活地支持所有内容, 不管品牌选择是什么.

下面你会发现一些常用的图标和相关的样式在Pima.edu.

支持图形

与整个匹马的品牌元素一致, 我们将辅助图形添加到最适合附加品牌支持的区域.

的se Supporting graphics are used sparingly and typically act as a footer support element or supporting element in images.

如果有一个适用的区域添加这样的图形，请咨询网页设计师在 网络系统.

下载

下载

下载

链接样式

对于不同的用例，Pima有一些不同风格的链接. 如果您不确定要使用哪个用例，请联系Web设计师 网络系统.

内嵌链接

内联链接，比如 这个链接, should be of the 主要的 color, #1A0DAB, 与 darker hue hex color, #03406f, as a hover action. 当前所有链接都加了下划线, unless in a special circumstance such as a navigation and buttons where the understanding of a the content being a link is given.

访问过的链接应该有一个十六进制紫色，#660099.

块的链接

关联段落之外的链接可以具有相似的特征，也可以不同. 这些样式示例包括列表、边列和导航区域中的链接. 这不包括已被样式化为按钮的链接.

查看按钮信息和样式.

按钮

主要按钮选项

辅助按钮选项

面包屑

作为一种快速导航和页面定位的形式，Pima.Edu有一个链接的快速导航路径，被称为“面包屑”. This is a necessary piece of navigation that can help convey the information architecture and should be added in appropriate areas if possible.

下面是皮马面包屑标准的一个例子.

首页 主要位置 内部位置 当前位置

呼出样式

通过我们学院网络平台上的许多页面, 内容区域由称为对话框的风格化区域分隔. 的 purpose of these call outs is to bring attention to important information or associated content.

Below are a few examples of how these call out areas should be stylized to stay within the Pima brand identity

您 & 统计

支持长区域的内容, 大声说出重要的信息和引人入胜的引语是很好的. 这些样式通常漂浮在内容的一侧(移动设备除外)。. 下面你会看到一些例子，我们是如何设计的，以适应我们的品牌参数.