COM Brand Guidelines V24a 090623
COM Brand Guidelines V24a 090623
The College of the Mainland logotype is made up of two separate type faces. Sabon
is used for the large letters “COM” and the words “College” and “Mainland.“ Galliard is
used for the words “of” and “the.”
These fonts are reserved strictly for the logo and should not be used as other content
on the page, or other application type to preserve the integrity of the logo.
To visually offset the descenders and balance of clear space, a small “a” is used upright to
determine minimum spacing on the bottom below the large “COM”. However, the small “a”
should be turned on its side to determine minimum spacing along the top, left and right.
Clear space
COM
variation such as “C.O.M.” or “COTM.”
To preserve the integrity of the college
brand, please refrain using “COM”
as part of a cute play on words (i.e.,
“COMing”, “COMplete”, etc).
All external and public facing usage of
the college name, college acronym, or
official college logos require a brand
The college name and acronym
approval from the Office of Marketing
should never be written in fonts and Public Affairs before use, printing or
that could be described as script, distribution.
handwritten, cute, child-like,
Use of the written college name requires
cartoonish or other fonts displaying
heavy decorative effects without
brand approval on items including,
Marketing’s prior approval. but not limited to: fliers, printed or
physical materials, promotional items
both giveaway or for sale, club logos,
signage, college department initiatives,
media relations, vehicles, events, and
advertisements.
Proportional
tri-color official logo (horizontal) The horizontal logo may be used in the
color variations seen here in addition to
black, white and grays later described.
Horizontal logo
The tri-color logo consisting of red,
yellow and blue is the official logo,
but must only be used over a white or
extremely light background no darker
than 15% black or similar color to
maintain legibility. This logo should
not be used when the logo colors do
not compliment or work well with other
colors present in the design.
The horizontal COM logo may also be
used in all “COM Blue” or all “COM Red.”
Alternative approved color variations for horizontal logo
in blue and red used in limited circumstances. Caution and consideration should be
exercised using an all red logo as not to
portray unintentional aggression.
The Marketing department, in its sole
discretion, may use other colors in
special circumstances.
The horizontal logo without the “COM”
and vertical line is specifically used in
scenarios where the presence of the
“COM slash” disrupts a symmetrical
visual balance primarily in center-
aligned arrangements (symmetrical
building entrances, diplomas, posters,
Symmetry: For design instances where symmetry is needed, or there are limitations within etc).
a horizontal space, the logotype may be displayed without the COM slash.
C: 0 R: 119 HEX: 77787B Alternative official horizontal logo grays When placing the College of the
M: 0 G: 120 Mainland logo on a background
Y: 0 B: 123 or photograph, always ensure
#f1f2f2 5% #b1b3b6 35% #77787B 65%
K: 65 black black black the surrounding area is neutral
in appearance and ultimately
#dcddde 15% #9d9fa2 45% #636466 75% allows for the logo to be visually
black black black clear and legible.
PANTONE 360 C
C: 61
M: 0
Y: 95
K: 0
R: 110
G: 190
B: 76
HEX: 6EBE4C
PANTONE: 212 C
C: 0
M: 83
Y: 5
K: 0
R: 245
G: 81
B: 151
HEX: F55197
ing
positioned using specific
proportions.
With previous logos having
been retired it is very
Do not rotate Do not use retired logo versions Do not blend the “COM” Do not crop the logo important to use current
logo with a play on words artwork as specified in these
guidelines.
Note: Incorrect usage
examples shown on the
left also apply to all official
COM logos including the
mascot logo and the COM
Foundation logos.
Do not add a drop shadow or Do not blend with other logos or Do not use “COM” as Do not use an extra
other effects text elements a standalone element registration mark after
without Marketing approval the large “COM”
Incorrect
examples:
COM
depict incorrect usages of
the COM mascot logo. All
guidelines apply to solid
Do not distort any portion of Do not substitute Do not add text or other
and hollow versions of the
Do not change COM mascot logo. Regardless
the logo unapproved colors lettering appearance elements around the
mascot logo of application, the logo
must maintain its original
proportions and brand
integrity.
Always use current,
approved electronic artwork
for the College of the
Mainland brand.
Every element, including
lettering, sizing, placement
and color have been
carefully designed and
Do not rotate Do not use retired logos Do not separate the duck Do not crop the mascot positioned using specific
head from the curved logo without Marketing proportions.
COM lettering without approval
Marketing approval. Aside from pennants, the
(See notes on the right) duck head may only be used
in isolation if the back of
the head is cropped off (i.e.,
a large head used across a
magazine spread, a window
application or wall graphic,
or similar use).
With the previous logo
having been retired it is very
8.375 in.
Kiosks
Fliers
Posters
Event postcards
Below are examples illustrating font and image design in Institution-based Institution-based materials
that promote the brand
branding vs. Event-based branding. directly will have an open,
clean and conservative
design aesthetic with
Institutional-based branding COM on-campus event-based branding ample clear space around
all instances of the COM
• Often uses the Brand Box • No Brand Box usage, but logo is used branding and typography
• Fonts are primarily (if not all) Roboto • Open to use other fonts to fit the event culture or “feel” used within the layout.
• Structured aesthetic using clear photography • Imagery style fluctuates Main titles should maintain
hierarchy and find balance
within the overall design.
Event-based designs
are more flexible on font
use, but should remain
professional, display
effective communication for
target audiences, maintain
hierarchy principles and
align with the subject
matter. Clip art is not
permissible in any design
under any circumstances.
The marketing office
designs and approves all
institution and event-based
materials bearing the COM
brand and identity.
ROBOTO
be given by asking questions such as: is Roboto in both title
Is the font choice legible at the final treatments and short-body
scale being used? Does the font style
copy.
selected add to the integrity and visual
balance of the piece? Does font usage Roboto portrays a fresh,
Roboto Bold maintain a bold, clear focus for the innovative, modern brand
Roboto
piece? appeal with a clean
Roboto Condensed should primarily be structured letter form.
used for short amounts of content only. It’s overall thin to bold
thicknesses evoke a
Roboto Thin variations should primarily
sense of agility avoiding
be used for unique title or subtitle
Roboto Light treatments where it can be used at interpretations of bulky or
Roboto
larger sizes to maintain legibility. clunky.
Roboto
Use should be limited, but if may be
effective as single words in custom title all use of typography to
treatments. create an open, visual flow
of communication. With the
exception of dynamic title
treatments, negative space
(clear space) must always
be included around all text in
All Roboto title font usage should have tracking set to -20. a design layout. Learn more
on the next page.
Fontjek
These fonts should 1/4in of clear space around all sides of
never be used for body content (see below) to maintain
anything other than integrity in the piece. Body Text:
simple text treatments PT Serif is used as a
(titles, subtitles,
secondary body content
Varsity Team accentuating word, date,
etc). These fonts should
font for longer documents
Varsity never be used for body When body content is laid and publications such as
content. out whether it be inside of the Horizons magazine
a box shape like this light publications and some
blue box, or next to other college handbooks.
shapes in a document,
Yellowtail Body content should always
or near the edge of a
include a minimum of 1/4
Yellowtail
document, a thick area
inches of clear space around
of clear space is required
all sides of body content
around it (from the text’s
(see examples on the left) to
edge to the edge of the
maintain visual integrity in
box). It should appear
the piece.
balanced on all sides for a
uniform appearance. As mentioned before, clear
space is critical with all use
of typography to create
an open, visual flow of
communication. With the
Required clear space
exception of dynamic title
treatments, negative space
Secondary font for long-body content (clear space) must always
be included around all text in
PT Serif Regular a design layout.
This is an example illustrating
PT Serif Incorrect
incorrect clear space between the
outer block of text and the edge
of the box. This limited amount of
clear clear space around body content
space creates a cluttered and low quality
design appearance. Adequate clear
space is always required.
[Link]
should be written in Roboto
Bold with -20 tracking.
The exception to omitting
“www.” from the COM url are
the college’s business cards
[Link]/events
where the website appears
as [Link]. This is
primarily to create better
visual balance of content
lengths on the card.
LOGO
When used as a footer, place
1200 N. Amburn Road 1200 N. Amburn Road, Texas City, Texas 77591 the order as address first,
Texas City, Texas 77591 then phone number (the
number separated using
hyphens), then the COM
website written as “com.
edu” (omitting https://
www), all center-aligned with
One line footer address with website and/or other information added (center-aligned): two spaces around each
separating bullet point.
1200 N. Amburn Road, Texas City, Texas 77591 • 409-938-1211 • [Link] With envelope layout, either
a stacked COM logo or
stacked Foundation logo
is placed in the upper left
corner with a 5/16 inch clear
space along the top and left
Stacked footer address Two lines, address and web (center-aligned) for
side, from the logo’s edge
COM Letterhead address (footer text) and Thank
(left-aligned or right-aligned): to the edge of the envelope.
You cards (back). *The top guideline should
1200 N. Amburn Road Color: #8a8c8e, Font size 9pt, Leading 13pt align with the “M” in “COM’s”
Texas City, Texas 77591 top serifs.
409-938-1211 1200 N. Amburn Road, Texas City, Texas 77591 These communication
1-888-258-8859 [Link] pieces are part of the
[Link] Institution-based advertising
as a formal facing element
to the community.
PANTONE: 297 C
BLACK
C: 52
M: 4
Y: 3
K: 0
PANTONE: 317 C
C: 29
M: 0
Y: 11
K: 0
10% value
of black
MAXIMUM GRAY
DARKNESS:
15% value
of black
PANTONE: 297 C
BLACK
C: 52
M: 4
Y: 3
K: 0
PANTONE: 317 C
C: 29
M: 0
Y: 11
K: 0
Indoor retractables are produced for you by the marketing staff. Indoor retractable banners
are designed to engage in
hallway and expo locations.
Retractable signage must
include the vertical COM
logo placed at the top, and if
COM logo representing a department,
centered is followed by a short (one
at the top
or two word) bold header
element in all caps that
One or two 85.7 in. identifies the department.
word focal
title in all Retractables should contain
caps that one large focal image or a
defines the series of images to draw
main topic
visual interest. Marketing
of what the
retractable is
suggests keeping content
about. high level and simple. It’s
not good practice to include
office contact info such as
phone and email.
The Theatre
department’s A retractable’s purpose
retractable is 36 is to act as a large visual
inches wide. backdrop presenting the
college name and high-level
All other large information attracting people
retractables are to your table. Once at the
32.75 inches wide. table, conversations begin
and smaller professional
Retractables are
handheld items are given out
created at 150dpi.
containing next steps and
contact info (i.e., recruitment
cards, business cards, flyers,
etc).
Need a retractable banner?
Submit a request through the
Marketing and Public Affairs
36 in. 32.75 in.
Marketing Request System
at: [Link]/marketing
Bleed: 0.5 inches for Top, Left and Right. 6 inches for the bottom. Please allow a minimum of
4-weeks for your request to
be completed.
Brand arrows can be positioned vertical, downward, right, left and at 45°.
COMING SOON
FRONT (LIGHTED LETTERS) RIGHT SIDE LEFT SIDE BACK (LIGHTED LETTERS) TOP
2 active message sides (LIGHT STRIP) (LIGHT GRAY FIN)
Light strip on Fin on left and top
right side only
5 3/4 W 25 3/4in
10ft 10in side panel (width)
(panel width) extensions 25 3/4in
1in W panel faces 21 5/8in 2 3/4 W (fin)
Light gray fin 2 3/4in W (fin) (width)
1in W panel faces
centered
10ft 10in fin width
2 2
removable removable
panels panels
10ft 10in
9ft 8in H 9ft 8in H
Navy panel 2 3/4in W (blue light strip) Navy panel 10ft 10in
centered
Total Height 18ft
16ft 7/8in H
Fin height
1in H panel gap 1in H panel gap 1in H panel gap 1in H panel gap
5 3/4in H
Conference Center retneC ecnerefnoC 5 3/4in H
11.5in
33 1/4in
10ft 4.25in concrete Concrete base below ground determined
by sign manufacturer/installer
Concrete width
12ft 3.25in
Campus Signage Exterior Wayfinding: Light Gray (Fin): 31, 25, 26, 0
Main Campus Building Monument IDs COM Blue (Upper panel):100, 87, 20, 11
1
HEAD CLEARANCE DESIGN FOR FRONT Full width
SIGN BUILDING IDENTIFICATION Student Center 5ft 7in
Separate Separate Separate 38-5/8in
VISIBILITY removable removable removable
panels (all sides) 96.25in panels (all sides) panels (all sides)
Bookstore
Career Services
Community Resource
Center 2in
2in
MM4E Total FRONT FRONT
Total Total
Recreation Room Height Height Height
Student Life 8ft 10.75in 8ft 10.75in 8ft 10.75in
TRIO Services
Separate
removable
Learning Resource Center panel
STEAM Building
Industrial Careers Building
28.25in
Parking
10.5in 10.5in
Concrete base below ground determined
32.5in by sign manufacturer/installer: example 24in
Campus Signage Exterior Wayfinding: Light Gray (Fin): 31, 25, 26, 0
Main Campus Monument Maps COM Red (Upper panel):16, 100, 86, 7
Dotted line is not printed. It shows Dotted line is not printed. It shows
sign structure. sign structure.
50.75in
2in
2in
Total FRONT FRONT Total Total
Height Height Height
8ft 10.75in 8ft 10.75in 8ft 10.75in
SCAN TO SEE SCAN TO SEE
CAMPUS MAP CAMPUS MAP
6in [ CONCRETE BASE: above ground ] 6in 6in [ CONCRETE BASE: above ground ] 6in
10.5in 10.5in
Concrete base below ground determined
32.5in by sign manufacturer/installer: example 24in
COMING SOON
Example:
Fourth Floor
Stripe Accent
Color: SW 7618
Example:
Fourth Floor
Stripe Accent
Color: SW 7618
Example:
Fourth Floor
Stripe Accent
Color: SW 7618
Example:
Fourth Floor
Stripe Accent
Color: SW 7618
Example:
Fourth Floor
Stripe Accent
Color: SW 7618
Note: The Fire Marshal will determine what the sign says as well
as the size of sign needed and may include specific requirements.
These requirements should be provided to the Marketing
department through brandapproval@[Link] who will assist with
the design and sign production.
Example: Fine Arts Building
With the Fire Marshal’s approval, FACP signs will maintain a
consistent look throughout COM facilities (ideally using a red
background with white lettering).
Example 2
1) frequently be an active
community touchpoint
Tutoring Center Collegiate High School or active student-visited
location, and 2) the office
Door space must fall into one of
the three tiers with glass
dimensions aligning within
Door one of the designated tiers
shown on the left, and
3) the office space must
149in be a single department
occupancy.
194in
Vinyl installation must
Tier 3: account for adequate clear
Minimum front office glass width requirement: 80in
space around lettering
Vinyl Letter Font: Roboto Bold. Title Case. tracking -20. including edge of text to
Color: White. Kerning. Capital letter height: 4.5in edge of window frame.
Lettering should be placed
on the upper third of the
glass frame.
COMING SOON
wall painting using Sherwin
Williams Zero Vapor paint
to ensure maximum vinyl
adhesion.
All campus and building
signage (including interior,
exterior, permanent or
temporary) created by
internal staff or external
parties must be submitted
as proofs to the Office
of Marketing and Public
Affairs for brand approval
prior to printing, production,
distribution and installation:
brandapproval@[Link]
The COM marketing office manages branding of all college vehicles bearing the college Logo placement should
logo, written college name “College of the Mainland” and other college seals including include clear space around
Public Service Careers vehicles. the logo without any
automotive design elements
(both vehicle indentions/
extrusions, or other visual
elements) encroaching or
invading the logo’s clear
space.
The color choice of the
COM logo used should also
compliment and visually
align with the color of the
vehicle.
Vehicles requiring the
college name or a COM logo
should submit a request to
brandapproval@[Link]
OPTIONAL: LIGHT VARIATION BLUE HORIZONTAL BAND USED IN CONJUNCTION WITH DOMINANT DARKER BLUE, ACTING AS
A SUBLEVEL ELEMENT FOR VISUAL SEPARATIONS IN AD LAYOUT.
Online Promotional
and Mobile Items
Presence