BRAND STYLE GUIDE
her campus media
Her Campus is a powerful, empowering community for
college women everywhere. With national and local content produced
by the world’s top student journalists, on-the-ground network of
contributors across college campuses, extensive calendar of offline events
and multi-platform digital presence, Her Campus is the cohesive voice of,
and authority on, college women — a collegiette’s guide to life.
2
THE HER CAMPUS MISSION
CULTIVATE
a community of
CONNECT
AND ENGAGE
LAUNCH
careers for the
influential female
marketers with the
world’s top college
across our 270+
demographic in
tomorrow’s
college students
campus chapters and
far-reaching platforms.
coveted college
journalists and
innovative ways
marketing and
on campus.
professionals.
online and
advertising
3
BRAND PERSONALITY
Our target demographic is fresh, innovative and fun, and our brand should always echo
that up-to-the-minute aesthetic. The Her Campus brand represents and celebrates the
college woman in all facets of her life and her personality.
The brand is strong, feminine, bold and playful. Energetic design and punchy colors thus
visually embody the holistic collegiette’s guide to life that is Her Campus.
THE HER CAMPUS COLLEGIETTE
TM
col•le•giette [kuh-lee-jet] noun
a college woman who is on top of her game – strategically
career-minded, distinctly fashionable, socially connected,
academically driven and smartly health-conscious – who endeavors
to get the most out of her college experience on every level.
4
BRAND HISTORY
SEP 2009
SEP 2011
HerCampus.com
site launches; first
chapter established at
Harvard University
Named to Businessweek’s
“25 Under 25 Best Young Entrepreneurs”
JAN 2012
First Study Break e-blast
sent to newsletter subscribers
JUL 2012
SEP 2010
High School Ambassador
Program launches
Inaugural Her
Conference held in
New York City
MAY 2013
Her Campus Blogger
Network established
AUG 2013
APR 2015
Inaugural HC
Campus Tour visits
8 campuses
Named to Forbes’
“100 Best Websites for Women”
OCT 2013
Named “Top Small Business of the Year” by
Greater Boston Chamber of Commerce
FEB 2014
The Her
Campus Guide to
College Life book
hits shelves
Trademarked College
Fashion Week™
2009
2010
2011
2012
2013
2014
OCT 2011
APR 2010
First international chapter
established at the
University of St. Andrews
First batch of
Survival Kits
distributed
2016
NOV 2014
Won Gold
& “Best
All-Around
Team” in
MassChallenge
business plan
competition
MAR 2011
2015
SEP 2012
Inaugural College
Fashion Week® tours
4 cities around the US
NOV 2013
HCM acquires
HerUni.com
HerCampus.com
debuts new
responsive design
SEP 2014
Her Campus
celebrates 5th
birthday
FEB 2012
Trademarked the term
“collegiette™”
JUN 2015
Internship
Placement
Program
launches
APR 2014
Inaugural Her Conference:
High School held in Boston
5
THE LOGO
The HerCampus.com logo is the most
immediate representation of the Her Campus
Media brand and the college women it
represents.
LOGO CONFIGURATION
There are two versions of the Her Campus
logotype - the horizontal and the vertical logo.
Choose the lock-up that best fits the layout in
which it will be used. It is important to always
display the Her Campus logo as directed
in this guide, without modification. The
horizontal logo is used primarily for headers
and headlining features, whereas the vertical
logos is used for avatars, on apparel and when
accompanying other logos.
LOGO CONFIGURATION
The use of the cap, crown and heart elements
in relation to the Her Campus logotype
is refererred to as the brand lock-up. The
lock-up is a fixed relationship and, as such,
the elements must remain together and
unchanged in their proportions, placements
and angles. It is important to always display
the logos as directed in this guide, without
modification.
Tagline Ribbon: The HerCampus.com horizontal signature featuring
the use of the ribbon element is the preferred logo format. Please
omit the ribbon element (as seen above) when the logo width is below
500px for web and 4” for print.
6
h
h
h
h
CLEAR SPACE
In order to preserve the integrity of the Her
Campus logotype, the logotype must be
reproduced with a clear space around it that
is free from photographs, typography or other
graphic elements. The clear space should be
equal to the width of the “H” in Her Campus
and must be maintained around the entirety of
the logo.
MINIMUM SIZE
A minimum reproducible size has been
established for all versions of the Her Campus
logo. The minimum size should be used only
when available space is extremely limited. The
logo should always be clearly legible.
h h
h
h
The minimum size when using the horizontal
lock-up is 150px wide for web and 1.5” wide
for print. The ribbon element should be
omitted when the width is equal to or less than
400px wide for web and 2” for print.
The minimum size when using the vertical lockup is 100px wide for web and 0.75” for print.
The vertical lock-up should be used only when
horizontal space is limited.
7
COLOR VARIATIONS
The varying color uses of the Her Campus logo
depend primarily on the background on which
it will be featured. The correct application of
the logo is essential for maximum legibility
in order to accurately communicate the Her
Campus brand’s personality.
POSITIVE/LIGHT BACKGROUND
The Her Campus logo, in its positive version,
should always be placed on backgrounds that
are light in value. The only two colors in this
lock-up are black and the Her Campus pink.
This two-tone positive lock-up should be
utilized when possible. However, the full-black
positive version can be used as an alternative
if necessary when color imprint availability is
limited.
NEGATIVE/DARK BACKGROUND
When appearing on a dark background,
the Her Campus logo should appear in its
reversed, negative format. The negative lockup should feature pure white and Her Campus
pink. The two-tone negative version is the
preferred logo when appearing on a dark
background but, if necessary, the logo can be
featured in a full white, negative version.
8
COLOR PALETTE
The Her Campus signature pink is a defining characteristic of who we are as a brand.
Instead of a light, airy pink, we chose a shade that borders on red. The result is a hot pink
that is feminine, strong, bold and youthful – just like our readers.
Color of Logotype /
Primary Palette
Supporting
Palette
PANTONE
Pink 812 C
PANTONE
Black 6C
PANTONE
Pure White
RGB
255 0 102
RGB
000
RGB
255 255 255
CMYK
0 96 35 0
CMYK
75 68 67 90
CMYK
0000
HEX
ff0066
HEX
000000
HEX
ffffff
PANTONE
Cool Gray
1C
RGB
238 238 238
CMYK
5440
HEX
eeeeee
PANTONE
Gray 420 C
PANTONE
Pink 212 C
PANTONE
Pink 7246 C
RGB
204 204 204
RGB
238 79 149
RGB
176 7 75
CMYK
19 15 16 0
CMYK
0 86 4 0
CMYK
22 100 59 9
HEX
cccccc
HEX
ee4f95
HEX
b0074b
9
THE TYPEFACES
A Fabulous Title
A FAVORITE PUNCHY ACCENT
Crisp, clean and to the point
A touch of flair
Easy on a web reader’s eyes
Crisp, clean and to the point... but less in-your-face
10
THE TYPEFACES
ARTICLE TITLES
bitter
ABCDEFGHIJ
KLMNOPQRS
TUVWXYZ
abcdefghijkl
mnopqrstuv
wxyz
0123456789
HEADERS
ACCENTS
Fjalla One
Avenir Next
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmno
pqrstuvwxyz
0123456789
BODY COPY
ABCDEFGHIJKL
MNOPQRSTUVW
XYZ
abcdefghijklmn
opqrstuvwxyz
0123456789
Avenir Next Regular
for print.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Bitter
for web.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
11
DESIGN ELEMENTS
One-Dimensional Aesthetic Through Silhouettes
A key element of Her Campus branding is our emphasis on bold silhouette
shapes and cut-out designs. A silhouette is a way to visually convey a very
specific shape clearly, but because silhouettes are one color, they are also
universal enough to relate to many different individuals at once.
12
DESIGN ELEMENTS
Cap, Crown and Heart
The cap, crown and heart are symbols that represent the multifaceted lives of our
girls, who aspire to be both stylish and savvy, well-educated and well-spoken.
13
APPROVED IMAGERY
All photography featured in this style guide is available for use and can be accessed and downloaded
from the Her Campus Media Press Kit at HerCampusMedia.com.
Images that are used in printed materials should be reproduced at print quality, or 300 DPI at 100%,
in CMYK mode. Images for web/online viewing should be reproduced at 72 DPI at 100% in RGB
mode. All images should be credited to Her Campus Media when used.
Do not edit or alter photography by cropping.
14
APPROVED IMAGERY
Annie Wang
CPO and Creative Director
Windsor Hanger Western
President and Publisher
Stephanie Kaplan Lewis
CEO and Editor-in-Chief
15
APPROVED IMAGERY
16
APPROVED IMAGERY
17
BRAND EXTENSIONS
These logos were configured to closely relate to the Her Campus masterbrand yet distinguish
themselves as individual services and programs offered and/or administered by Her Campus.
her campus
network
HER CAMPUS MEDIA PRESENTS
Her Conference
2015
HER CAMPUS MEDIA PRESENTS
Her Conference:
High School
the her
campus
HER CAMPUS
2015
18
THANK YOU!
Annie Wang
Co-Founder, CPO & Creative Director
[email protected]
Kelsey Thorn
Senior Designer
[email protected]
her campus media
1089 Commonwealth Avenue
Boston, MA 02215
617-783-3800
HerCampusMedia.com
Note: This proposal, including the concepts, accompanying material, and any supportive creative direction, are the exclusive property, including copyright, of Her Campus Media LLC. They are being
provided to you for the sole purpose of evaluation and consideration and may not be disclosed, used, or reduced without Her Campus Media’s prior written consent. These options are based on a
first-come, first-served, basis. Her Campus Media reserves the right to tie-in additional sponsors to enhance the program. Once the client selects a marketing program and confirms their advertising
commitment through a contract, Her Campus Media will research and provide a thorough outline of what the program will entail. All actions and details are subject to change and/or cancellation
based upon editorial approval, timing and availability. If any additional costs are discovered at that time, the client will be notified immediately, and if need be, alternatives can be explored. Any
timelines agreed to by the parties are subject to change if any event of force majeure hinders or prevents performance by Her Campus Media. © Her Campus Media, 2009-2015.
19