CompTIA StyleGuide 031814

Brand Guidelines
INTRODUCTION
Welcome to the official CompTIA brand

standards, a comprehensive guide to the
visual expression of the CompTIA brand.
This set of guidelines directs the look
and feel of the CompTIA brand, which reflects
our core values: authoritative, friendly,
trustworthy and technologically savvy.
A unified, consistent look is critical to

defining a strong and recognizable brand.
This guide aims to ensure cohesion among
marketing communications, including
educational materials like quick start guides
and email blasts and certification materials
like trustmarks.
WHY BRAND GUIDELINES EXIST
To define
CompTIA as
a brand.
To provide
consistency
across all
communication
materials.
To establish a
unified vision
that guides
all creative
development.
Table of Contents
04 The CompTIA Personality

05 Writing Tips
06 The CompTIA Logo
Usage
Safe Zone
Minimum Size
07 The CompTIA Logo
Reversed
08 The CompTIA Logo
Incorrect Usage
09 The CompTIA Logo: Tagline Lockup
Tagline Style
Safe Zone
10 The CompTIA Logo: Tagline Lockup
Incorrect Usage
11 The CompTIA Logo: Lockups
Safe Zone
Minimum Size
12 Community Icons
Use of CompTIA Red
Type Style
Safe Zone
13 The CompTIA Logo: Additional Assets
14 Color Palette
15 Color Palette
Incorrect Usage
16 Color Palette
The 80/20 Rule
17 Layout Grid Structure

White Space
No Bleed
Margin
18 Typography: Print
Vista
Gotham
19 Typography: Print
Formatting and Hierarchy
URL Treatment
20 Typography: Digital
Calibri
21 Typography: Digital
Formatting and Hierarchy
22 Graphic Shapes: Overview
23 Graphic Shapes: Creation
Corner Curvature
Incorrect Usage
24 Graphic Shapes: Composition
Usage
25 Graphic Shapes: Composition
Incorrect Usage
26 Graphic Shapes: Tables, Charts and Graphs
Usage
27 Icons
Storytelling
Color
Creation
28 Photography
Direction
Usage
Technology Close-Ups
Humanity
29 Photography
Incorrect Usage
30 Email Signature: Best Practices
Usage
31 Email Signature: With Image
Usage
32 Email Signature
Incorrect Usage
33 PowerPoint: Best Practices
34 PowerPoint: Template
Title Slide
Interior Slides
Section Dividers
Closing Slide
35 PowerPoint: Template
Color Palette
Rounded Corners
36 Email: Best Practices
2/15 Rule
Subject Lines
Email Layout
37 Email: Guidelines
Email Messaging
ADA Color Guidelines
38 Contact
04
CompTIA Brand Guidelines
The CompTIA Personality
The CompTIA brand values are expressed in its personality.

These four traits should be consistently maintained across all
visual and verbal communications in an effort to reinforce
the CompTIA brand.
AUTHORITATIVE
TRUSTWORTHY
With years of experience and a diverse global presence,

CompTIA has the self-assurance of a recognized leader. We
present ourselves with quiet confidence and intelligence,
never arrogance or cockiness.
CompTIA is a go-to source for those in the IT community

recognized, respected, supportive. We are passionate
about solving our members problems, which inspires
them to take action with us.
TECHNOLOGICALLY SAVVY
FRIENDLY
As a champion of innovation, we pride ourselves on our

readiness to help our members adopt new, creative IT
solutions for their current problems and better position
themselves for the future.
CompTIA is a likeable and approachable mentor, not a

pretentious and stuffy know-it-all. We prefer collaboration
to dictation. Our door is always open to help our members
achieve their IT goals.
05
Writing Tips
When developing copy, consider these general rules of thumb

to ensure your messages are helpful, quickly understood and
consistent with the CompTIA brand voice.
BE CLEAR
BE PERSONABLE
BE CONVERSATIONAL
Avoid speaking in vague, general terms, which can

leave the reader confused and frustrated.
Speak to your audience as if you are addressing

them individually.
Dont try too hard. Avoid using lofty language, jargon or

corporate speak. Opt for simple, unfussy language instead.

INSTEAD OF: Look for companies with
core capabilities.

INSTEAD OF: This certifies that an IT solution
provider has the necessary skills.

TRY: Look for companies with core capabilities,
such as

TRY: This certifies that you have the
necessary skills.

TRY: Most companies have many satisfied customers.
BE ORGANIZED
BE BRIEF
Also consider using we to demonstrate CompTIAs

sense of solidarity.
Long, drawn-out sentences can be difficult to follow.

Eliminate redundancies. Shorten or divide into multiple
shorter sentences if necessary.

INSTEAD OF: CompTIA trustmark credentials
improve business practices resulting in competitive
differentiation and customer confidence by
identifying IT companies that consistently follow
best practices for a specific area of expertise.

RY: CompTIA trustmark credentials distinguish

T
IT companies who consistently follow best
practices, giving them a competitive edge and
elevating their reputation.
I NSTEAD OF: A great percentage of companies have

hundreds if not thousands of satisfied customers.

INSTEAD OF: In this 10-week guide, you will
walk through the basics
Large spans of copy can be overwhelming. Be succinct, not

superfluous. Aim to make content as scannable, navigable
and digestible as possible.

TRY: In this 10-week guide, we will walk
through the basics
Bulleted or numbered lists make content quick

and easy to read
Headlines help indicate the beginning of a

new topic
Write in the active voice, which is more engaging

than the passive voice.
Subheadlines provide at-a-glance summaries

within individual sections

INSTEAD OF: This certificate may be
completed online.
Text size and weight emphasize particularly

important information
Color blocks help entire areas of copy stand out
BE ACTIVE
TRY: You may complete this certificate online.
06
The CompTIA Logo
USAGE
The CompTIA logo is used across all marketing and

advertising communications.
Place the PMS 485 red logo on a white background
whenever possible. When print production does not
allow for PMS 485 red or the CMYK conversion of 485,
a single-color black version of the logo may be used.
Logo Safe Zone:

Cap height of the CompTIA text
SAFE ZONE
Maintain a safe zone on all sides of the logo equal to

the cap height of the CompTIA text.
MINIMUM SIZE
5/8 or .625 (15.875 mm)

Minimum Size:
5/8 or .625 (15.875 mm)
07
The CompTIA Logo
REVERSED
Correct Usage
In certain cases, as on promotional items or

apparel, a reversed logo may be used over
PMS 485. Though permitted, this is not preferred.
Use the PMS 485 logo as often as possible in all
customer-facing materials.
Incorrect Usage
08
The CompTIA Logo
INCORRECT USAGE
See examples of incorrect usage to the right.
Dont place the logo over

imagery
Dont place the logo over a

color field
Dont place the reversed logo over

a color field besides PMS 485
Dont separate components

of the logo
Dont change the color of the logo
Dont alter or skew the logo
Dont change the logo typeface
Dont rotate the logo
Dont add shadow or glow effects

to the logo
Dont outline the logo
Dont add a stroke to the logo
Dont crop or obstruct the logo
09
The CompTIA Logo: Tagline Lockup
The CompTIA tagline, The IT Industry Trade

Association, can appear as a lockup with the logo.
Vertical and horizontal lockups are available for use.
The IT Industry
Trade Association
TAGLINE STYLE
Vista Sans Book typeface, Pantone 431 color.

Minimum Size:
5/8 or .625 (15.875 mm)
SAFE ZONE
Maintain a safe zone on all sides of the logo lockup

equal to the cap height of the CompTIA text.
The IT Industry
Trade Association
The CompTIA tagline logo lockup art file can be

obtained by contacting:
Marketing Services
CompTIA Worldwide Headquarters
3500 Lacey Road, Suite 100
Downers Grove, IL 60515
1/2 of the logo width
marketingservices@CompTIA.org
Phone: 630.678.8300
Fax: 630.678.8384
Minimum Size:
5/8 or .625 (15.875 mm)
The IT Industry Trade Association
10
The CompTIA Logo: Tagline Lockup
INCORRECT USAGE
The IT Industry
Trade Association
The IT Industry Trade

Association
Dont place tagline before logo
The IT Industry
Trade Association
Dont change tagline or rule colors
The IT Industry
Trade Association
Dont separate logo and tagline with a rule
The IT Industry
Trade Association
Dont replace tagline with alternate copy
THE IT INDUSTRY ASSOCIATION
Dont add secondary promotional lines

in addtion to the tagline
Dont run tagline on one line
11
The CompTIA Logo: Lockups
When using the CompTIA logo within other logo

lockups, the overall CompTIA logo safe zone can
be reduced.
Logo Safe Zone:

1/2 the cap height of the CompTIA text
SAFE ZONE
Safe zone reduces to half of the standard safe zone

(as seen on page 6).
MINIMUM SIZE
The minimum size of the CompTIA logo within an

alternate lockup remains 5/8 or .625 (15.875mm).
Minimum Size:
5/8 or .625 (15.875mm)
12
Community Icons
USE OF CompTIA RED
Community icons can be used with or without the

CompTIA logo.
If the logo is present, then it is the only element using
the CompTIA red.
If the logo is NOT present, then the Community name
should be set in CompTIA red.
Community icons may also be reversed to white over
a color field.
24mm
16mm
TYPE STYLE
With CompTIA logo: Vista Sans Medium in PMS 431

Without CompTIA logo: Vista Sans Medium in PMS 485
SAFE ZONE
Margins for the icons are 2.5mm assuming a 16x16mm

overall size.
16mm
stroke 2.5pt
2.5mm
13
The CompTIA Logo: Additional Assets
There are many existing lockups. For more information on usage,

or to request specific files, contact:
Marketing Services
Phone: 630.678.8300
Fax: 630.678.8384
14
Color Palette
CompTIA CORPORATE COLOR
CompTIAs corporate color is PMS 485 red,

the signature color of the logo.
PMS 485
C:0 M:95 Y:100 K:0
R:237 G:28 B:36
Hex#:ED1C24
CompTIA PRIMARY COLOR PALETTE
The primary color palette represents CompTIAs

global presence in the diverse and ever-evolving
world of technology.
PMS 1585
C:0 M:71 Y:97 K:0
R:242 G:108 B:35
Hex#:F26C23
PMS 130
C:2 M:38 Y:100 K:0
R:245 G:168 B:28
Hex#:F5A81C
PMS 382
C:29 M:2 Y:100 K:0
R:193 G:213 B:47
Hex#:C1D42F
PMS 313
C:81 M:29 Y:15 K:0
R:0 G:144 B:185
Hex#:0090B9
PMS 2582
C:41 M:78 Y:0 K:0
R:178 G:78 B:196
Hex#:B24EC4
PMS 167
C:18 M:79 Y:100 K:6
R:194 G:84 B:39
Hex#:C25427
PMS 1245
C:21 M:42 Y:100 K:2
R:201 G:145 B:13
Hex#:C9910D
PMS 369
C:67 M:12 Y:100 K:1
R:98 G:166 B:10
Hex#:62A60A
PMS 3025
C:98 M:69 Y:35 K:18
R:0 G:77 B:113
Hex#:004D71
PMS 2603
C:71 M:100 Y:3 K:0
R:110 G:41 B:140
Hex#:6E298C
PMS 428
C:2 M:0 Y:0 K:18
R:207 G:212 B:215
Hex#:CFD4D7
1-color:18% K
PMS 429
C:3 M:0 Y:0 K:32
R:176 G:182 B:187
Hex#:B0B6BB
1-color:35% K
PMS 431
C:11 M:1 Y:0 K:64
R:88 G:97 B:105
Hex#:586169
1-color:64% K
PMS 432
C:23 M:2 Y:0 K:77
R:69 G:84 B:95
Hex#:45545F
1-color:77% K
Tinted Background
Shapes
Fine-Print Copy,
Tinted Background
Shapes and Rules on
White Background
CompTIA SECONDARY COLOR PALETTE
The secondary color palette adds flexibility to the

primary color palette and further helps illustrate the
diverse environment surrounding the IT community.
CompTIA GRAY COLOR PALETTE
Use the darker shades of gray for typography. Use

the lighter shades to contain groups of information
within tinted backgrounds. Rules may be displayed
in the lighter and darker shades.
When only one-color printing is available, use the
percentages of black listed.
White text may also be used over fields of color.
Body Copy
Callout Copy over LighterTinted Backgrounds

and Rules on Tinted
Backgrounds
15
Color Palette
INCORRECT USAGE
Only solid colors should be used. See examples

of incorrect usage to the right.
Dont use gradients
Dont use inner glows
Dont use tints
Dont use drop shadows
16
Color Palette
THE 80/20 RULE
2 | Lorem Ipsum
When using the primary, secondary or gray

color palettes, follow an 80/20 rule to ensure
representation of CompTIA red. Up to 20% of
the colors on any given piece of communication
(including photography) should be PMS 485 red.
Lorem Ipsum
Dolar Sit Amet.
RO MODI BLANT, IL
IMUS, NET ALIA NOBIT,
Ro modi blant, il imus, net alia
nobit, non culparibus, incte
od mincte veniend igendame
ne voloritio venimag nihilit
atiatur? Quisi autecatur sunt
aut quis debis quam ut veliti
dolo quati rerferia suntotatis
nonseque landitas.
42.3
36.5
22.8
15.3
Lorem Ipsum.
Notice in the sample layouts to the right, red is

never the primary color. Instead, it serves as a
strategic accent color that calls out high-level
content while guiding the readers eye. Section
titles, subheads, key icons and calls to action
are examples of high-level information.
DELIS AUT AUT ULLU PTA TITIOM OP

TATEM SUNT UMN AN NUSAMEN AU
ECATUR SUNT AUT SEQUELLE ALIST.
UPTATQUI IN PA VOREM ET ALIBUS:

Autenduntiis ulliqua tquiani hiliant lorem mosam eos
eium eiumqua turibus danteg ment ulliqua tquiani.
CompTIA.org/loremipsum
2 | Lorem Ipsum
Lorem Ipsum
Dolar Sit Amet.
DELIS AUT AUT ULLUPTATI OPTATEM NUSAM

SEQUE ALISTRUM DOLORE
por alici comnis sae nem quiaeritiume aut erum que pore
cumenitio. Ectus.Axim recabor epediae volum re debis et
et inciduci dolupti berore dolupta qui sendem quunt, net
dem laut enis cum accaborerspe et mi, totatur?Delesed
remostectur, que is incti nem fugitatest, utas sam, sunt a

erem vellibus quuntus.
Otate eum, nis ullabore pra dolorit voluptatem.
Ga. Cupisquo doles inctia cus dolum, que posaperaero et,
tatum ni opta doluptature volupta tiatur acepudi dolut ut

adi quid modiate num hil eum aut quiduntur, unt, voluptia
num inverfero quas min pro dolor alit odis dit veribus et
molupta eproreratur? Otae corepudit que eum sam
Volorat quossenem nonesci millant, ut occullupis
quo blantorum et lab is estibeaqui dolum re eost, quiat

ma ipitibus doluptia vitatum ni opta doluptature volupta
tiatur acepudi dolut ut adi quid modiate num hil eum aut
quiduntur, unt, voluptia num inverfero quas min pro dolor
alit odis dit veribus et molupta eproreratur? Otae corepu-
quam vollabo repedi omniam re solupti atectia pos que

prati accaerfero cuptus.
Tempos dus ditiusae veligent am aditatae nobis
mostio optatium, optat aute eiciam solorum ut di omnis
nis ma alia volore possinveles earum rem natur, ipissin
Doluptas et elis que et in est as si repeliqui acea

dolecta volenis dit, sunt pliatem volorio vitat quiderit
occuptasitas et invel magnimu stemquam remquide ipid
quostias eum ande volestia pari optusam que eum dundis-
doluptatest in exerum quam saperitem res corita aliassus

rerem none net eos venihit vid most, sinum id quibus magnam cumquam dolores dolo molorem faciam re inihicate
laccus exerunt quunt aut ide moluptatin rerum dignate
quam faceribus eliquas ad ut qui sequibus es nus, vent ea

Pit venisite nossum quamus es nos qui blabor alis quamus.
mo corempe liquatias exeris pellore volum faccum doluptas remostectur, que is incti nem fugitatest, utas sam, sunt
dit que eum sam

velecto inim rate parum qui conectibus sitis molores ium

quosseces et verum ipis saerspedis millict otaessus eum
utemolorest quosam quiamus rent alique sedia illabor
erenet quis et autem ea corem nat facipiciant esequatius esciaeres atus, que sitam lam consendunt la plam,
quaspelessim eatque nistrum eostio magnat ut reperum,

Volorat quossenem nonesci millant, ut occullupis doluptatest in exerum quam saperitem res corita aliassus rerem
Ro modi blant, il imus, net alia nobit, non culparibus, incte od mincte veniend igendame ne voloritio venimag nihilit atiatur? Quisi autecatur sunt aut quis debis
none net eos venihit vid most, sinum id quibus magnam

cumquam dolores dolo molorem faciam re inihicate laccus exerunt quunt aut ide moluptatin rerum dignate mo
corempe liquatias exeris pellore volum faccum doluptas
sae nem quiaeritiume aut erum que pore cumenitio. Ectus.

Axim recabor epediae volum re debis et et inciduci dolupti
berore dolupta qui sendem quunt, net dem laut enis cum
accaborerspe et mi, totatur?Delesed quo blantorum et lab
is estibeaqui dolum re eost, quiat ma ipitibus doluptia vi-
dolo quati rerferia suntotatis nonseque landitas aligend

enimus quost et quidebis eatest fuga. Moditectotam remporepudis autem fugitem aspicaeris de nihil ilita volupicid
ex excepud itaqui occusti re et, sitatquia ditaturibus nis
alicabor autem velitiatis
8.7
2.3
Delis aut aut ulluptati optatem nusam

seque alistrum dolore, corum que consenihitem fuga. Itatior esciis consendam,
consent vel molupisti culpa quam, quod
est hit fugit endit occum autem.
4.6
quam ut veliti dolo quati rerferia suntotatis nonseque

landitas aligend enimus quost et quidebis eatest fuga.
Moditectotam remporepudis autem fugitem aspicaeris
de nihil ilita volupicid ex excepud itaqui occusti re et,
sitatquia ditaturibus nis alicabor autem velitiatis
occuptasitas et invel
magnimu stemquam
Lorem
Ipsum
1
RO MODI BLANT, IL
Ro modi blant, il imus, net
alia nobit, non culparibus,
incte od mincte veniend
igendame ne voloritio venimag nihilit atiatur? Quisi
autecatur sunt aut quis
debis quam ut veliti dolo
quati rerferia suntotatis
nonseque landitas.
Delis aut aut ulluptati optatem site

nusam seque alistrum dolore, corum
que consenihitem fuga. Itatior esciis
consendam, consent vel molupisti
culpa quam, quod est hpit fugit endit
occum aut alibeaq uisciamus est re
nat ped et dolorum eictur, to eos
dustiae nostem. Velitori dolo quati
rerferia suntotatis noneque aligend.
id maio blam quas ut qui blaut es maximod icabo. Et voluptaque et.
Pit venisite nossum quamus es nos qui blabor

alis quamus.Us moles ersped magnihi tempedit vellupta
conseribus essinciumque vero et quae. Nem voluptas et
Us moles ersped magnihi tempedit vellupta conseribus essinciumque vero et quae. Nem voluptas et por alici comnis
Ro modi blant, il imus, net alia nobit, non culparibus, incte

od mincte veniend igendame ne voloritio venimag nihilit
atiatur? Quisi autecatur sunt aut quis debis quam ut veliti
2 | Lorem Ipsum
Lorem Ipsum
In addition to red, use the full spectrum of primary

and secondary palette colors, as opposed to
just one. This creates visual variety, which helps
symbolize the breadth and depth of the IT industry.
Lorem
Ipsum
Lorem
Ipsum
Lorem
Ipsum
remquide ipid quostias

eum ande volestia
pari optusam que eum
dundisquam faceribus
eliquas ad ut qui sequi-
Lorem
Ipsum


Ro modi blant, il imus, net alia nobit, non culparibus, incte od mincte veniend igendame ne voloritio
venimag nihilit atiatur? Quisi autecatur sunt aut quis debis
accaborerspe et mi, totatur?Delesed quo blantorum et

lab is estibeaqui dolum re eost, quiat ma ipitibus doluptia
vitatum ni opta doluptature volupta tiatur acepudi dolut ut

Moditectotam remporepudis autem fugitem aspicaeris de

nihil ilita volupicid ex excepud itaqui occusti re et, sitatquia
ditaturibus nis alicabor autem velitiatis



quostias eum ande volestia pari optusam que eum dundisquam faceribus eliquas ad ut qui sequibus es nus, vent ea.
laccus exerunt quunt aut ide moluptatin rerum dignate mo


Us moles ersped magnihi tempedit vellupta conseribus es-

Otate eum, nis ullabore pra dolorit voluptatem. Ga.
sinciumque vero et quae. Nem voluptas et por alici comnis
Cupisquo doles inctia cus dolum, que posaperaero et, quam
bus es nus, vent ea dollis

sitioribus.
Pit venisite nossum quamus es nos qui
blabor alis quamus.Us
RO MODI BLANT, IL IMUS,
NET ALIA NOBIT, NON
CULPARIBUS,

NET ALIA NOBIT, NON
CULPARIBUS,

NET ALIA NOBIT, NON
CULPARIBUS,

NET ALIA NOBIT, NON
CULPARIBUS,

nobit, non culparibus, incte od
mincte veniend igendame ne
voloritio venimag nihilit atiatur? Quisi autecatur sunt aut
quis debis quam ut veliti dolo
quati rerferia suntotatis nonseque landitas aligend enimus
quost et quidebis eatest fuga.



moles ersped magnihi

tempedit vellupta conseribus essinciumque
vero et quae. Nem voluptas et por alici comnis sae nem
quiaeritiume aut erum que pore cumenitio. Ectus.Axim
recabor epediae volum re debis et et inciduci dolupti
accaborerspe et mi, totatur?Delesed quo blan
Oluptia vitatum ni opta doluptature volupta
alit odis dit veribus et molupta eproreratur? Otae corepudit que eum sam

utemolorest quosam
quiamus rent alique sedia illabor erenet quis
et autem ea corem nat
facipiciant esequatius
esciaeres atus, que
sitam lam consendunt
la plam, quaspelessim
eatque nistrum eostio
magnat utor reperum,
quiae nobitaquis as
suntiorio omiym thodit
labore dolectibusa sam
non nus molumet quissit atquis re lique ex evel ipiet laborerae voluptat.
Da voloreic tem vendeleni oditam cum se qui beatibus et ommoloribus esci oditi adit rerit ad mi, int fugit re
ne dolorero dolecum quissi bla sam sime coratinum netur
mos a sam et fugia con nulla nullantibus molupit optae
necus, nestinvelis ad que vellabo ritiistis es enihitatur,
sunt, volorerunt res dolorep udanti berum quasperum
volorroratia dolorem esto totam autemporpore porehen
ditisi tem re niscill enihillaut eumendam, nonseditius
alibus sit, quamet eum quibusam, nulpa quassecturit
laborem poritae doluptibus sum voluptat fugit repudis volorit facerunt lit volor as ex eles arum volo ist quatecatist
litatio nsequi tem cum quiandant et excea iuscium ut que
lacea verferit untibea sed excerum que nem fugit apellab
17
Layout Grid Structure
The sample spreads to the right illustrate a fourcolumn grid structure.
.5
2 | Lorem Ipsum
.5
.75
HORIZON LINE
Lorem Ipsum
Dolar Sit Amet.
WHITE SPACE
4.6
6
5
Lorem Ipsum
Maintain a consistent margin, horizon line and grid

structure to create alignments and cleanly organize
the heirarchy of information.
8.7
2.3
White space is necessary to avoid overwhelming

the audience with color and to portray a
contemporary brand. In the sample layouts to
the right, color occupies up to 40% of any
given spread.
Lorem
Ipsum
1
NO BLEED
RO MODI BLANT, IL
Color shapes and photography never bleed off the

page. They are always contained within a signature
CompTIA graphic shape, making them ownable to
CompTIA. This also increases white space, allowing
the readers eye to move more easily throughout
the content.

nonseque landitas.

Lorem
Ipsum
Lorem
Ipsum




rerem none net eos venihit vid most, sinum id quibus mag-

nam cumquam dolores dolo molorem faciam re inihicate


MARGIN
2 | Lorem Ipsum
2 | Lorem Ipsum
HORIZON LINE





quostias eum ande volestia pari optusam que eum dundisquam faceribus eliquas ad ut qui sequibus es nus, vent ea
dollis sitioribus.


Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
2.3
1.8
21.4
40.5
5.8
4.4
6.9
RO MODI BLANT, IL
31.8
42.8
2.9
Delis aut aut ulluptati op

tatem nusam seque alis
trum dolore, corum que
consenihitem fuga. Itatior
esciis consendam, consent
vel molupisti.
42.3
36.7
20.9
36.3
33.1
29.6
18.3
22.3
Ro modi blant, il imus, net alia nobit, non

culparibus, incte od mincte veniend igendame ne voloritio venimag nihilit atiatur?
Quisi autecatur sunt aut quis debis quam
ut veliti dolo quati rerferia suntotatis nonseque landitas.

igendame ne voloritio venimag nihilit atiatur?
Lorem
Ipsum

To the right are recommended margins for a multipage spread. Please note, these recommendations
are not strict rules, as different communications will
have different needs.
Lorem
Ipsum
DELIS AUT AUT ULLUPTATI OPTATEM DO LUPTI

BERORE DOLUPTA QUI SENDEM

tibus et ommoloribus esci oditi adit rerit ad mi, int fugit re





dollis sitioribus.




orrovit iundit oditas ipsunt volorro remquiatet erum ni

acimagnimus sus restem fuga. Neque sunt pra voluptur,
quatum autem ea natibus audit lant qui unte volorit alia
plati am libuscia assit aut eatus molupta doloriatio. Im

alit odis dit veribus et molupta eproreratur? Otae corepu-
que con et mo expersp elicommodit, quatiat.

dit que eum sam

dollis sitioribus.
Lolorat quossenem nonesci millant, ut occullupis doluptatest in exerum quam saperitem res corita aliassus rerem
cumquam dolores dolo molorem faciam re inihicate lac-

Da voloreic tem vendeleni oditam cum se qui bea-

cus exerunt quunt aut ide cuptasitas et invel magnimu

stemquam remquide ipid quostias eum ande volestia pari
optusam que eum dundismoluptatin rerum dignate mo
14%
31%
53%
Delis aut aut ulluptati
optatem nusam
18
Typography: Print
Use Vista and Gotham across all communication

materials. Book, Medium and Bold are the preferred
weights.
VISTA
The Vista font family consists of a Slab Serif and

Sans Serif.
Use Vista Slab Medium for headlines and captions
Use Vista Sans Book for subheadlines and
body copy
Display numbers in a tabular lining instead of
old style
Track in 15 for optimal readability
VISTA SANS
VISTA SLAB
GOTHAM
Vista Sans Book

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
Vista Slab Book

1234567890
Gotham Book
1234567890
Vista Sans Book Italic

1234567890
Vista Slab Book

1234567890
Gotham Book Italic

1234567890
Vista Sans Medium

1234567890
Vista Slab Medium

1234567890
Gotham Medium
1234567890
Vista Sans Medium Italic

1234567890
Vista Slab Medium Italic

1234567890
Gotham Medium Italic

1234567890
Vista Sans Bold

1234567890
Vista Slab Bold

1234567890
Gotham Bold
1234567890
Vista Sans Bold Italic

1234567890
Vista Slab Bold Italic

1234567890
Gotham Bold Italic

1234567890
GOTHAM
Use Gotham Bold for section headers

Use Gotham Bold for URLs
19
Typography: Print
FORMATTING AND HIERARCHY
To the right are recommended uses for the various

Vista and Gotham fonts in layout. Please note, these
recommendations are not strict rules, as different
communications will have different needs.
CAPITALIZATION
Use UPPERCASE, lowercase and Title Case to
create a dynamic hierarchy
Headline:
Vista Slab Medium: 29pt/32
Tracking: 15
Headline Subhead:
Vista Sans Book: 16pt/20
Tracking: 15
When using CompTIA in an UPPERCASE title,

always keep the omp lowercase
Example: THE CompTIA DIFFERENCE
WEIGHT
Bold may be used in non-headlines, such as section
headers and URLs
ALIGNMENT
For optimal legibility on body copy, set type as
flush left, rag right
Section Header:
Gotham Bold: 9pt/12.5
Tracking: 0
Body Copy:
Vista Sans Book: 9pt/12.5
Tracking: 15
TRACKING
Track the Vista body copy in 15 to aid in legibility
URL TREATMENT
Bullet Point:
Vista Sans Book: 8pt/11.5
Tracking: 15
Always capitalize the C, T, I and A in CompTIA.org

Never include http:// in the URL
When driving to the home page, never include
www. before CompTIA.org
NOTE: While it is preferred to omit www. in all
web addresses, some pages within CompTIA.org
may require it to route properly. Check before
referencing any URL.
URL:
Gotham Bold: 9pt/12.5
Tracking: 0
Fine Print:
Vista Sans Book: 5.5pt/6.5
Tracking: 15
Headline
Sub Headline
San ullaortie dolorer ostinit vullam, sum nosto odolobore feui euisci ncipit
ex exeriustrud tat. Num zzriliquam dit pratie feugait dolore modolore modit
lum adit am ero trgeros nulput wis niamcon ullaoreet lore enibh et, quismod
magnibh etum voluptat. Et iril eum nonsectem at, quam nonulla commod erit
volor suscip exeriure te dolut veliqui tatie veliscing ea atet lore molortis dit
wisi dit pratie feugait adit am ero trgeros nulput.
CompTIA SECTION HEADER
Conse exero commy nulla conulla co nulput autpatisl in hent lamcommy
numsand ignibh eu feuipisci bla feum am, vent do con henibh eugait lorer
sisci bla consequis alis alissenim vero dio odolore te diam dolessisse prat.
Faciliq uipisciduis nosto od magnibh dolore veliquisl ip et nonse essent ing
essim zzrit volent acidunt wis nim dolesent ipiscipit utpat dolore magna
faccum amconullut lan ex et.
Bullet points
CompTIA.org
Poreni di officides dia de cullam endipsandem quid moloribusam, tore, quuntiam sita volum restia volo cum ut volupta
sperem et abor sim et mi, iusam et et ent vollese plabori buscidus sin pre accupta non nime sit eum hiciae consecum re, cus
eicaboriant volum nonserenis alicit volorem. Equi aciae in nobit aut apienimusam fugia quo blaboribus et, volectendusa
esed ut re, arupta coreper dol modiorum exerum voloreh.
20
Typography: Digital
CALIBRI
Vista and Gotham are not available as standard

system fonts. Use Calibri in the following
applications:
HTML
Microsoft PowerPoint
Microsoft Word
Microsoft Excel
Calibri Regular
1234567890
Calibri Italic
1234567890
Calibri Bold
1234567890
Calibri Bold Italic
1234567890
21
Typography: Digital
FORMATTING AND HIERARCHY
To the right are recommended uses for the Calibri

font in layout. Please note, these recommendations
are not strict rules, as different communications will
have different needs.
Headline:
Calibri Bold: 30px/34px
Headline Subhead:
Calibri Regular: 17px/21px
Copy should not be smaller than 12px with 15px

leading to ensure legibility.
Body Copy:
Section Header:
Bullet Point:
CTA Callout:
Headline
Sub Headline
San ullaortie dolorer ostinit vullam, sum nosto odolobore
feui euisci ncipit ex exeriustrud tat. Num zzriliquam dit pratie
feugait dolore modolore modit lum veliquis aut alit la accum
dolortinci bla conse modit adit augiam vel ipit prat. Duisl dolor
sit nim quisi. Veraestrud elestin ullandigna facidunt iliquat
adionulput am adit am ero.
CompTIA SECTION HEADER
Exeriustrud tat ullaortie dolorer num zzriliquam
Dit pratie feugait dolore modolore modit adit augiam
Veliquis aut alit la accum dolortinci bla
Conse modit adit augiam elestin dolore ullandigna
LEARN MORE >
22
Graphic Shapes: Overview
2 | Lorem Ipsum
2 | Lorem Ipsum

RO MODI BLANT, IL
quati rerferia suntotatis.
RO MODI BLANT, IL

dolupti berore dolupta qui sendem quunt, net dem laut

enis cum accaborerspe et mi, totatur?Delesed quo blanto-
rum et lab is estibeaqui dolum re eost, quiat ma ipitibus doluptia vitatum ni opta doluptature volupta tiatur acepudi
dolut ut adi quid modiate num hil eum aut quiduntur, unt,
venimag nihilit atiatur? Quisi autecatur sunt aut quis

debis quam ut veliti dolo quati rerferia suntotatis nonseque landitas aligend enimus quost et quidebis eatest
fuga. Moditectotam remporepudis autem fugitem aspi-
dolecta volenis dit, sunt pliatem volorio vitat quiderit occuptasitas et invel magnimu stemquam remquide ipid


dollis sitioribus.
Pit venisite nossum quamus es nos qui blabor alis

quamus.Us moles ersped magnihi tempedit vellupta conseribus essinciumque vero et quae. Nem voluptas et por alici comnis sae nem quiaeritiume aut erum que pore cumenitio. Ectus.Axim recabor epediae volum re debis et et inciduci

The graphic shapes are flexible, modular and

should be used to highlight information.





dollis sitioribus.
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum

Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
2.3
Lorem Ipsum
Dolar Sit Amet.
RO MODI BLANT, IL
2.9
accaborerspe et mi, totatur?Delesed quo blantorum et lab
is estibeaqui dolum re eost, quiat ma ipitibus doluptia vitatum ni opta doluptature volupta tiatur acepudi dolut ut
rerem none net eos venihit vid most, sinum id quibus mag-

nam cumquam dolores dolo molorem faciam re inihicate

mo corempe liquatias exeris pellore volum faccum doluptas remostectur, que is incti nem fugitatest, utas sam, sunt
2 | Lorem Ipsum
21.4
40.5
5.8
4.4
6.9
20.9
36.3
33.1
29.6
18.3
22.3
Delis aut aut ulluptati op

tatem nusam seque alis
trum dolore, corum que
consenihitem fuga. Itatior
esciis consendam, consent
vel molupisti.
36.5
22.8




prati accaerfero cuptus.
utemolorest quosam quiamus rent alique sedia illabor
erenet quis et autem ea corem nat facipiciant esequatius esciaeres atus, que sitam lam consendunt la plam,
quaspelessim eatque nistrum eostio magnat ut reperum,
RO MODI BLANT, IL
igendame ne voloritio venimag nihilit atiatur?
dollis sitioribus.
2 | Lorem Ipsum
Lorem Ipsum
Dolar Sit Amet.
8.7
2.3
Lorem
Ipsum
RO MODI BLANT, IL
nonseque landitas.
Lorem
Ipsum
Lorem
Ipsum
Lorem
Ipsum
Lolorat quossenem nonesci millant, ut occullupis doluptatest in exerum quam saperitem res corita aliassus rerem
cumquam dolores dolo molorem faciam re inihicate laccus exerunt quunt aut ide cuptasitas et invel magnimu
stemquam remquide ipid quostias eum ande volestia pari
optusam que eum dundismoluptatin rerum dignate mo
occuptasitas et invel
magnimu stemquam
remquide ipid quostias
eum ande volestia
pari optusam que eum
dundisquam faceribus
eliquas ad ut qui sequi-



dollis sitioribus.
Lorem
Ipsum
bus es nus, vent ea dollis

sitioribus.
Pit venisite nos-

sum quamus es nos qui

blabor alis quamus.Us
moles ersped magnihi
Ro modi blant, il imus, net alia nobit, non cul-

orrovit iundit oditas ipsunt volorro remquiatet erum ni
acimagnimus sus restem fuga. Neque sunt pra voluptur,
quatum autem ea natibus audit lant qui unte volorit alia
plati am libuscia assit aut eatus molupta doloriatio. Im
que con et mo expersp elicommodit, quatiat.
14%
31%
53%
Delis aut aut ulluptati
optatem nusam

4.6
Ro modi blant, il imus, net alia nobit, non

culparibus, incte od mincte veniend igendame ne voloritio venimag nihilit atiatur?
Quisi autecatur sunt aut quis debis quam
ut veliti dolo quati rerferia suntotatis nonseque landitas.
15.3
ECATUR SUNT AUT SEQUELLE ALIST.
31.8
42.8
42.3

nonseque landitas.
DELIS AUT AUT ULLU PTA TITIOM OP

TATEM SUNT UMN AN NUSAMEN AU
42.3
36.7
1.8
2 | Lorem Ipsum
Ro modi blant, il imus, net alia nobit, non culparibus, incte

od mincte veniend igendame ne voloritio venimag nihilit
atiatur? Quisi autecatur sunt aut quis debis quam ut veliti
dolo quati rerferia suntotatis nonseque landitas aligend
enimus quost et quidebis eatest fuga. Moditectotam remporepudis autem fugitem aspicaeris de nihil ilita volupicid
ex excepud itaqui occusti re et, sitatquia ditaturibus nis
alicabor autem velitiatis

RO MODI BLANT, IL
Lorem Ipsum
Gestures found in the CompTIA logo are the

anchor of the overall visual brand system.
RO MODI BLANT, IL
voluptia num inverfero quas min pro dolor alit odis dit veribus et molupta eproreratur? Otae corepudit que eum sam
caeris de nihil ilita volupicid ex excepud itaqui occusti

re et, sitatquia ditaturibus nis alicabor autem velitiatis
2 | Lorem Ipsum

paribus, incte od mincte veniend igendame ne voloritio



NET ALIA NOBIT, NON
CULPARIBUS,

NET ALIA NOBIT, NON
CULPARIBUS,

NET ALIA NOBIT, NON
CULPARIBUS,

NET ALIA NOBIT, NON
CULPARIBUS,








tempedit vellupta conseribus essinciumque

vero et quae. Nem voluptas et por alici comnis sae nem
quiaeritiume aut erum que pore cumenitio. Ectus.Axim
recabor epediae volum re debis et et inciduci dolupti
accaborerspe et mi, totatur?Delesed quo blan
utemolorest quosam
quiamus rent alique sedia illabor erenet quis
et autem ea corem nat
facipiciant esequatius
esciaeres atus, que
sitam lam consendunt
la plam, quaspelessim
eatque nistrum eostio
magnat utor reperum,
quiae nobitaquis as
suntiorio omiym thodit
labore dolectibusa sam
non nus molumet quissit atquis re lique ex evel ipiet laborerae voluptat.
Oluptia vitatum ni opta doluptature volupta


laborem poritae doluptibus sum voluptat fugit repudis vo-

lorit facerunt lit volor as ex eles arum volo ist quatecatist

23
Graphic Shapes: Creation
Corner Curvature:
.375 for a 1x 1 object
CORNER CURVATURE
Each shape should have at least one 90 corner.

To determine the corner curvature:
1. Apply a .375 corner radius to a 1 x 1 object.
2. U
se resulting curvature ratio for all graphic
shapes.
INCORRECT USAGE
Dont square off

all four corners
Dont round
all four corners
Dont use too wide

of a curve
Dont use too sharp

of a curve
Dont stretch or
elongate curve
24
Graphic Shapes: Composition
USAGE
When highlighting information and photography:

Start with the foundation and reference of a
single graphic shape
Use subsections of various shapes to show
hierarchy of information
Subsections should touch, creating a single,
cohesive lockup

NET ALIA NOBIT, NON
CULPARIBUS,

NET ALIA NOBIT, NON
CULPARIBUS,

NET ALIA NOBIT, NON
CULPARIBUS,

NET ALIA NOBIT, NON
CULPARIBUS,

nonseque landitas aligend
enimus quost et quidebis
eatest fuga.

eatest fuga.

eatest fuga.

eatest fuga.
Use a range of colors from the primary and

secondary color palette
Do not use tints of color
Graphic shape foundation
Graphic shape with divided subsections
See examples of correct usage to the right.
Graphic shape foundation
RO MODI BLANT,
IL IMUS, NET ALIA
NOBIT,
nonseque landitas.
Graphic shape with divided subsections
25
Graphic Shapes: Composition
INCORRECT USAGE

NET ALIA NOBIT, NON
CULPARIBUS,

NET ALIA NOBIT, NON
CULPARIBUS,

NET ALIA NOBIT, NON
CULPARIBUS,
RO MODI BLANT, IL IMUS, NET ALIA NOBIT,

NON CULPARIBUS,

eatest fuga.

aut quis debis quam.

eatest fuga.
venimag nihilit atiatur? Quisi autecatur sunt
aut quis debis quam ut veliti dolo quati rerferia
suntotatis nonseque landitas aligend enimus quost
et quidebis eatest fuga.
Do not separate shapes
RO MODI BLANT, IL
nonseque landitas.
Do not abstractly overlap shapes
26
Graphic Shapes: Tables, Charts and Graphs
USAGE
Use graphic shapes to compose tables, charts

and graphs:
4.6
Lorem Ipsum
Follow the rules on page 23 for creating graphic

shapes
Graphic shapes can be used for items like bar
graphs and as an outline to contain information
(see examples to right)
31%
9.7
2.3
53
Select colors from the primary and secondary

palette
Do not use tints of color
14%
Lorem
Ipsum
Lorem
Ipsum
Lorem
Ipsum
Lorem
Ipsum
Lorem
Ipsum
Display numbers in a tabular lining

(not old style/expert)
Patterns and textures can be introduced
Tables, charts and graphs should always appear
on a white background

NET ALIA NOBIT, NON
CULPARIBUS,
42.3
36.5
22.8

mincte veniend igendame ne voloritio venimag nihilit atiatur?
Quisi autecatur sunt aut quis
debis quam ut veliti dolo quati
rerferia suntotatis nonseque
landitas aligend enimus quost
et quidebis eatest fuga.
Ipsum
Dolar
id maio blam quas ut

qui blaut et.As sa que
doloreris ut
Amet
Lorem
doloreris ut
15.3
Ipsum
Dolar

doloreris ut
Amet
id maio blam quas ut qui blaut es maximod icabo.
Et voluptaque et.As sa que doloreris ut
27
Icons
STORYTELLING
The use of icons expands our storytelling

capabilities. Icons can easily be created for specific
communication needs, and imagery is not limited to
stock photography or our image library. Icons also
allow for more general depictions of technology,
people and objects without specifying any
particular brand, gender or age.
COLOR
In addition to white, any color within the palette

may be applied to an icon. Apply only one color to a
single icon at any given time.
CREATION
When developing icons, keep in mind the

established look of the graphic shapes, particularly
the use of both rounded and squared corners.
Use the rectangular graphic shape to help you
build a variety of icons, but dont feel constrained
by them.
You may introduce other shapes as well, so long as
they include at least one rounded corner and one
squared corner.
Both rounded and squared

corners are incorporated for
each icon
28
Photography
DIRECTION
CompTIA photography represents a diverse range

of people, technology and topics. It should appear
clean, natural and modern.
USAGE
Choose standalone photos of humanity, abstract

textural backgrounds or a collage of both
Photos can appear framed in the form of a single
graphic shape (as seen on page 23) or as part of a
larger composition of images (as seen on page 24)
Never let images bleed off the page, and include a
white margin on all sides (see page 17)
TECHNOLOGY CLOSE-UPS
Apply a monotone color overlay to close-up images

of technology.
To achieve this treatment:
1. Convert the image to PMS 431 monotone.
2. I n the Effects panel, multiply a flat primary or
secondary palette color on top of the image.
Never use PMS 485 red as a color overlay.
HUMANITY
Look for humanity in modern environments with

natural, unposed body language
Represent a mix of genders and ethnicities
Depict humanity in four-color never a monotone
color overlay as in a technology close-up
29
Photography
INCORRECT USAGE

NOTE: Do not use stock photography of people
looking directly at the camera. This pose is
permissible when shooting photography for
CompTIA at events, seminars, etc., although
candid shots should also be explored.
Dont show a technology close-up
using a black monotone
Dont overlay color on

a humanity image
Dont show a technology close-up

without a color overlay
Dont use colors not in the

color palette
Dont show stock photography of

people posing directly at camera
Dont show outdated technology
Dont use a gradient overlay
Dont use abstract images
Dont use illustrations
30
Email Signature: Best Practices
USAGE
An email signature informs recipients of your role

and how to get in touch with you. Keep it concise
and dont overcommunicate.
Name and Title

Calibiri Bold: 11px
Support Information
Calibiri Regular: 9px/10px
Joe Smith | Senior Director, Communications

Office: 630.678.8558 | Cell: 630.879.6474 | CompTIA.org
Get the latest IT business and career advice from CompTIA.
Typeface is Calibri
Text color is the RGB equivalent of PMS 431
(R:87 G:96 B:104)
When law dictates address of registration:
Maximum line length is 70 characters

Live links within support information can take
recipients to more details

Contact Information

55 Main Street, London, UK, EC2A 1RE
Get the latest IT business and career advice from CompTIA.
31
Email Signature: With Image
USAGE
An email signature informs recipients of your role

and how to get in touch with you. Keep it concise
and dont overcommunicate.
Name and Title

Calibiri Bold: 11px

Typeface is Calibri
Maximum image
attachment size:
150px by 150px
Text color is the RGB equivalent of PMS 431

(R:87 G:96 B:104)
Maximum line length is 70 characters
Any images should be simple and contain only
a single message
Image attachments should not exceed 150px
by 150px
When law dictates address of registration:

Contact Information

55 Main Street, London, UK, EC2A 1RE
32
Email Signature
INCORRECT USAGE
Do not alter the typeface or color

Do not add unnecessary content
Do not include large or complex images
Joe Smith, Senior Director, Communications
Home: 630-678-8558
Cell: 630-879-6474
Wifes Cell: 630-554-7232
Fax: 630-678-8384
Email: jsmith@comptia.org
CompTIA.org
twitter: @joey_bears_fan
Get the latest IT business and career advice from CompTIAs blogs for IT businesses
and for IT careers.
33
PowerPoint: Best Practices
L imit fonts to only one or two styles and colors

(for example: one for main text, another for photo
captions or diagrams)
This is a header on a slide with a photo and cap'on
S
tick to the defined color palette for visual
cohesion throughout your document
L imit the amount of text on a page: in general, only
one thought or main point per page is ideal
D
ont underline text. If you need emphasis, use
bold or italicized text instead
Quisi autecatur sunt aut

quis debis quam ut veli>
dolo qua> rerferia
suntota>s nonseque
landitas aligend. Ro modi
blant, il imus, net alia
nobit, non culparibus,
igendame ne volori>o
This is a 'tle slide using icon treatment

THIS IS A SUBHEAD, OR THE SPEAKER NAME, AND/OR DATE
D
ont write lengthy headers. Keep these concise
and use the rest of the slide to explain your point
2013 CompTIA Proper>es, LLC
E
nsure that any visuals used are relevant and not
unnecessary decoration
E
nsure that any visuals used are licensed and not
copyrighted, and that sources are specified for
legal protection
A
void mixing illustration and photographic styles
(e.g., cartoon on one page, black-and-white photo
on another, color photo on another)
W
hen pasting content from other sources onto
your slides, ensure that the formatting matches
the design of the destination document (after
pasting, choose Use Destination Theme or the
Paste Special command in PPT to control this)
A
void using 3D chart features as they often make it
harder to see data relationships and proportions
This is a slide with a chart and some text
Corum que consenihitem fuga,

ita>or esciis consen
Quisi autecatur sunt aut quis debis

quam ut veli> dolo qua> rerferia

mincte veniend
LOREM IPSUM
Sales
1.2
1.4
Ro modi blant, il imus,
net alia nobit, non
culparibus, incte od
mincte veniend
venimag nihilit a>atur?
dolo qua> rerferia
suntota>s nonseque
landitas aligend.
8.2
3.2
1st Qtr
This is another slide header
2nd Qtr
3rd Qtr

net alia nobit, non
mincte veniend
dolo qua> rerferia
suntota>s nonseque
landitas aligend.

net alia nobit, non
mincte veniend
dolo qua> rerferia
suntota>s nonseque
landitas aligend.

net alia nobit, non
mincte veniend
dolo qua> rerferia
suntota>s nonseque
landitas aligend.
4th Qtr
34
PowerPoint: Template
TITLE SLIDE
There are three title slide templates. Choose the

one that best fits the content being presented. Title
slides should remain PMS 485 red (R:226 G:22 B:26).
INTERIOR SLIDES
Interior slides may include photography, text,

graphs, charts, icons and color. Examples can be
seen to the right and in the master PowerPoint
presentation template as well.
SECTION DIVIDERS
This is a 'tle slide when no icon or

photography is present
This is a 'tle slide using icon treatment
This is what a photo 'tle slide looks like
Title slide template 1:

with icon

with text only

with photography
This is a header on a slide with a photo and cap'on
This is a slide with text and an image placeholder
This is another slide header
Lorem ipsum dolor sit amet, delis aut

aut ullupta> tatem nusam alistrum
dolore. Corum que consenihitem fuga,
ita>or esciis consen.
Four primary color palette options are available

to use throughout a presentation.
LOREM IPSUM
Quisi autecatur sunt aut quis debis

quam ut veli> dolo qua> rerferia
suntota>s nonseque landitas aligend.
Ro modi blant, il imus, net alia nobit,
non culparibus, incte od mincte veniend
igendame ne volori>o.

dolo qua> rerferia
suntota>s nonseque
landitas aligend. Ro modi
blant, il imus, net alia
nobit, non culparibus,

net alia nobit, non
mincte veniend
dolo qua> rerferia
suntota>s nonseque
landitas aligend.
CLOSING SLIDE
Closing slides are always PMS 485 red

(R:226 G:22 B:26).

net alia nobit, non
mincte veniend
dolo qua> rerferia
suntota>s nonseque
landitas aligend.

net alia nobit, non
mincte veniend
dolo qua> rerferia
suntota>s nonseque
landitas aligend.
Interior slide example:

with icons
This is a slide with a bar chart

10
9
8
7
New Sec'on
Thank you.
6
5
4
3
PURPLE
2
1
0
Phone: 630.678.8300
Fax: 630.678.8384
10

with image

with image
To obtain the master PowerPoint presentation

template, contact:
Marketing Services

net alia nobit, non
mincte veniend
dolo qua> rerferia
suntota>s nonseque
landitas aligend.
Category 1
Category 2
Series 1
Section divider
(available in four colors)
Category 3
Series 2
Charts and graphs
Category 4
Series 3
11
Closing slide
35
PowerPoint: Template
COLOR PALETTE
A color palette slide has been provided within the

master template as a reference for CompTIA shapes
and colors.
Color Pale?e Slide

R 237 G 28 B 36
R 242 G 108 B 35
R 245 G 168 B 28
R 193 G 213 B 47
R 0 G 144 B 185
R 178 G 78 B 196
Adjus'ng shapes with curved corner

R 194 G 84 B 39
R 201 G 145 B 13
R 98 G 166 B 10
R 207 G 212 B 215
R 176 G 182 B 187
R 88 G 97 B 105
R 0 G 77 B 113
R 110 G 41 B 140
R 69 G 84 B 95
12
ROUNDED CORNERS
To round the corner of a shape in PowerPoint:

1. Begin with the master template.
2. S
elect one of the shapes from the color palette
slide. Youll notice a yellow diamond in the upper
right corner.
3. C
lick and drag the diamond shape to the left
to open the curve to the appropriate size.
Select one of the shapes from
Select
ne of page.
the Youll
shapes from
the coloro
palette
the
pale[e
age.
noticecolor
a yellow
diamondpin
the
upper
right
corner.

No>ce the yellow diamond in
the upper right corner once the
shape is selected.
Click and drag the diamond shape
Click
and
rag the
the
diamond
to the left
to d
open
curve
to the
shape
to size.
the le^ to open the
appropriate
curve to the appropriate size.
36
Email: Best Practices
2/15 RULE
2 seconds for subject line (7 words or less), 15

seconds for email body copy.
SUBJECT LINES
Frame subject lines as questions, include brand or

company name/date, time period or urgency to get
the best open rates. Avoid punctuation, as it tends
to complicate subject lines.
This Is a call to action featured above the header section!

Cant view this email? View web version | view text version
Lorem Ipsum
Dolar Sit Amet.
Sam que eos quam, sit alitia vendit
ut facea nonsendam re strum quiam
esernatet doloriam eseriatusam
nonsectumque Et voluptaque volum.
LOREM IPSUM >
EMAIL LAYOUT
D
esign for 1024x768 resolution, max width of
600 pixels
E
ye-tracking studies show the F formation is
the most dominant in reading emails
D
esign for mobile, providing HTML and plain text
versions at 600px wide
Include an Opt-out/Unsubscribe link
U
se a valid and consistent From identity and
reply address
Tag images with ALT text
P
rioritize CTAs and design accordingly (primary,
secondary, tertiary)
Ensure primary CTAs are above the fold
Allow the user to drive back to the brand website
D
O NOT: design and send your email as one large
image. Use Flash or Javascript
DELIS AUT AUT ULLUPTATI OPTATEM NUSAM SEQUE

ALISTRUM DOLORE LOREM.
Sam que eos quam, sit alitia vendit ut facea nonsendam re strum
quiam esernatet doloriam eseriatusam nonsectumque Et voluptaque
volum qui consequis. Sam que eos quam, sit alitia vendit ut facea
LOREM IPSUM >
LOREM IPSUM >

LOREM IPSUM >

nonsendam re strum quiam esernatet doloriam.
LOREM IPSUM >

Help and Information:
Unsubscribe | Support | Privacy Policy | Terms Conditions | Feedback | About
2013 CompTIA Properties, LLC 3500 Lacey Road, Suite 100, Downers Grove, IL 60515-5439, U.S.A.
37
Email: Guidelines
EMAIL MESSAGING
G
et to the point and keep the copy simple
and relevant
This Is a call to action featured above the header section!

Cant view this email? View web version | view text version
G
ive the recipient more than one link
(three is optimal)
Lorem Ipsum
Dolar Sit Amet
Sam Que Eos
Quam Vendit Ut
Facea.
Make sure your call-to-action is very clear

K
eep look and feel consistent with where
consumer is being driven
Ensure the copy can easily be scanned
LOREM IPSUM >
Include instructions for adding to inbox
ADA COLOR GUIDELINES

ALISTRUM DOLORE LOREM IPSUM EOS QUAM.
E
nsure color is not the sole means of
communicating information
E
nsure color is not the sole means of indicating
error messages
E
nsure color is not used as the sole method of
indicating selection
E
nsure content with color conveys the same
meaning without color, directly in the content, onscreen, and without additional user interaction
Ensure link text provides sufficient color contrast
E
nsure sufficient color contrast is provided when
background images are not available
E
nsure text and images of text provide sufficient
color contrast
E
nsure text and images of text provide sufficient
color contrast when CSS is disabled
Sam que eos quam, sit alitia vendit ut

nonsendam re strum quiam esernatet
doloriam eseriatusam nonsectumque
voluptaque volum qui consequis. Sam
que eos quam, sit alitia vendit facea
nonsendam re strum quiam.

LOREM IPSUM >
LOREM IPSUM >


LOREM IPSUM >
LOREM IPSUM >
Help and Information:

Unsubscribe | Support | Privacy Policy | Terms Conditions | Feedback | About
2013 CompTIA Properties, LLC 3500 Lacey Road, Suite 100, Downers Grove, IL 60515-5439, U.S.A.
38
Contact
For questions, please contact:
Marketing Services
Phone: 630.678.8300
Fax: 630.678.8384

CompTIA StyleGuide 031814

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

CompTIA StyleGuide 031814

Загружено:

Авторское право:

Доступные форматы

Brand Guidelines

Welcome to the official CompTIA brand

A unified, consistent look is critical to

WHY BRAND GUIDELINES EXIST

04 The CompTIA Personality

17 Layout Grid Structure

The CompTIA Personality

The CompTIA brand values are expressed in its personality.

With years of experience and a diverse global presence,

CompTIA is a go-to source for those in the IT community

As a champion of innovation, we pride ourselves on our

CompTIA is a likeable and approachable mentor, not a

When developing copy, consider these general rules of thumb

Avoid speaking in vague, general terms, which can

Speak to your audience as if you are addressing

Dont try too hard. Avoid using lofty language, jargon or

Also consider using we to demonstrate CompTIAs

Long, drawn-out sentences can be difficult to follow.

 RY: CompTIA trustmark credentials distinguish

I NSTEAD OF: A great percentage of companies have

Large spans of copy can be overwhelming. Be succinct, not

Bulleted or numbered lists make content quick

Headlines help indicate the beginning of a

Write in the active voice, which is more engaging

Subheadlines provide at-a-glance summaries

Text size and weight emphasize particularly

Color blocks help entire areas of copy stand out

TRY: You may complete this certificate online.

The CompTIA Logo

The CompTIA logo is used across all marketing and

Logo Safe Zone:

Maintain a safe zone on all sides of the logo equal to

5/8 or .625 (15.875 mm)

The CompTIA Logo

In certain cases, as on promotional items or

The CompTIA Logo

See examples of incorrect usage to the right.

Dont place the logo over

Dont place the logo over a

Dont place the reversed logo over

Dont separate components

Dont change the color of the logo

Dont alter or skew the logo

Dont change the logo typeface

Dont rotate the logo

Dont add shadow or glow effects

Dont outline the logo

Dont add a stroke to the logo

Dont crop or obstruct the logo

The CompTIA Logo: Tagline Lockup

The CompTIA tagline, The IT Industry Trade

Vista Sans Book typeface, Pantone 431 color.

Maintain a safe zone on all sides of the logo lockup

The CompTIA tagline logo lockup art file can be

1/2 of the logo width

The IT Industry Trade Association

The IT Industry Trade Association

The CompTIA Logo: Tagline Lockup

See examples of incorrect usage to the right.

The IT Industry Trade

Dont separate logo and tagline with a rule

The IT Industry Trade Association

THE IT INDUSTRY ASSOCIATION

RY: CompTIA trustmark credentials distinguish

I NSTEAD OF: A great percentage of companies have

Bulleted or numbered lists make content quick

Headlines help indicate the beginning of a

Subheadlines provide at-a-glance summaries

Text size and weight emphasize particularly