The beauty of working together is that everybody has their own ideas and perspectives. However, if we want to build something truly amazing together we have to agree on a solid foundation. The purpose of the brand identity is to make sure we are all united as one. With a cohesive message, look and feel.
As rockers, you will use this document as a solid foundation for your work and as a guide to how to communicate internally and externally about the Rock Content brand. The guide won’t solve every brand question you’ll encounter, so we have created the #ask-a-brand-guardian community Slack channel to answer any questions that come up that are not addressed in the guidelines.
Our parent brand Rock Content was created to easily help marketers create content that rocks. It’s a marketing solution framework, that enables premium content experiences.
The brand icon represents content production, inspired by a paper filled with lines. While the name was inspired by rock music and the informal use of the word rock (rocking, rocked) as a way to describe stirring things up and the display of something to great affect. It also provides the symbolism of strength and stability, two qualities we strive for as a company. Meanwhile, the use of the word content is used to give context to the solutions and services that we offer.
Our logo is the core identity of our brand. In order to maintain cohesiveness rockers should adhere to the following guidelines.
For greater prominence and clarity the full color version of the logo is to be used on any white background. In cases where the background presents the light colors, use the all black version, and on dark backgrounds the ideal choice is the all white logo as to not compromise legibility.
For greater prominence and clarity the full color version of the logo is to be used on any white background. In cases where the background presents the light colors, use the all black version, and on dark backgrounds the ideal choice is the all white logo as to not compromise legibility.
The smallest application of our logo in both print and web is 20 pixels high / 0.7 centimeters high.
134 px x 20 px
168 px x 25 px
201 px x 30 px
235 px x 35 px
302 px x 45 px
369 px x 55 px
When talking and writing about our company we say the full company name Rock Content, in title case when written. We do not just write or say Rock on its own.
Our main products are used by our customers in long-term partnerships to help create premium content experiences, built to scale. They can be used as a single platform or used within our ecosystem of products for a more complete package.
At Rock Content we are constantly evolving to help meet the needs of our customers. New products are born with unique features without losing our personality, below are all products offered by Rock Content.
Ion is Rock Content’s interactive content software solution that can create engaging data-driven experiences without tech-savvy resources or developer code.
Live is a live reporting and social engagement software solution. It helps users connect with remote and virtual audiences by providing real-time updates, curating social media, and delivering live content experiences.
Stage is a complete WordPress platform, with managed hosting and tools, focused on what the marketer needs: reaching their audience and generating business. Safe, stable and optimized for generating results without the need for technical knowledge.
Studio is a collaboration and resource management tool. It unleashes collaboration through technology to allow marketeers to centralize and manage all processes from strategy planning to result measurement. It is a collaborative environment that connects Rock professionals, the client team and our freelancers.
Visually is Rock Content’s North America talent network and collaboration software. It is often used as an extension of an existing team to help produce high-impact content, by connecting customers to the best talent and collaborating with them directly through the platform.
Rock University is Rock Content’s premium teaching center that teaches the biggest topics in Digital Marketing in an accessible and simplified way. It was created to help professionals gain the necessary skills to work in the current digital marketing world, offering free and paid courses.
The language used is educational.
Rock.org is a platform for sharing knowledge in order to accelerate social change. It is based on the pillars of education, entrepreneurship, and volunteering. Created on the belief that creating opportunities generates growth at a personal, professional, and financial level.
The language used is inspiring and motivational.
White
White Transparent
Black Transparent
Black
Gray/50
#F7FAFD
RGB (247,250,253)
CMYK (2,1,0,0)
Grey/100
#EDF1F7
RGB (237,241,247)
CMYK (5,2,1,0)
Grey/200
#E2E7F0
RGB (226,231,240)
CMYK (10,6,2,0)
Grey/400
#A0ABC0
RGB (160,171,192)
CMYK (38,27,14,0)
Grey/600
#4A5568
RGB (74,85,104)
CMYK(74,62,42,23)
Grey/800
#1A202C
RGB(26,32,44)
CMYK(83,74,55,67)
Blue/50
#F5F8FF
RGB (245,248,255)
CMYK (3,1,0,0)
Blue/100
#C0D6FF
RGB (192,214,255)
CMYK (21,10,0,0)
Blue/200
#8BB3FD
RGB (139,179,253)
CMYK (41,23,0,0)
Blue/400
#3576ED
RGB (53,118,237)
CMYK (79, 55, 0, 0)
Blue/600
#1649bc
RGB (22,73,188)
CMYK (92,72,0,0)
Blue/800
#0B2574
RGB (11,37,116)
CMYK (100,95,24,15)
Purple/50
#F9F7FF
RGB (249,247,255)
CMYK (2, 2, 0, 0)
Purple/200
#BAADFC
RGB (186,173,252)
CMYK (27,31,0,0)
Purple/100
#DAD2FF
RGB (218,210,255)
CMYK (12,16,0,0)
Purple/400
#826deb
RGB (130,109,235)
CMYK (66,61,0,0)
Purple/600
#5647bb
RGB (86,71,187)
CMYK (81,76,0,0)
Purple/800
#2D2673
RGB (45,38,115)
CMYK (100,100,23,10)
Pink/50
#FFF5F9
RGB (255,245,249)
CMYK (0,4,0,0)
Pink/100
#FFC2D9
RGB (255,194,217)
CMYK (0,30,0,0)
Pink/200
#FF90BB
RGB (255,144,187)
CMYK (0,56,1,0)
Pink/400
#f23f87
RGB (242,63,135)
CMYK (0,85,10,0)
Pink/600
#b21056
RGB (178,16,86)
CMYK (21,100,37,13)
Pink/800
#590129
RGB (89,1,41)
CMYK (42,98,59,55)
Orange/50
#fff9f6
RGB (255,249,246)
CMYK (0,3,3,0)
Orange/100
#ffd0b8
RGB (255,208,184)
CMYK (0,25,27,0)
Orange/200
#ffa77a
RGB (255,167,122)
CMYK (0,44,52,0)
Orange/400
#f46421
RGB (244,100,33)
CMYK (0,71,90,0)
Orange/600
#a42600
RGB (164,38,0)
CMYK (23,91,100,20)
Orange/800
#5f2102
RGB (95,33,2)
CMYK (38,86,96,59)
Yellow/50
#FFF9ED
RGB (255,249,237)
CMYK (0,2,6,0)
Yellow/100
#FFECBB
RGB (255,236,187)
CMYK (1,6,31,0)
Yellow/200
#FFDD87
RGB (255,221,135)
CMYK (1,12,56,0)
Yellow/400
#ffb92e
RGB (255,185,46)
CMYK (0,32,85,0)
Yellow/600
#883E01
RGB (179,92,0)
CMYK (23,71,100,11)
Yellow/800
#5F2102
RGB (95,33,2)
CMYK (37,84,99,55)
Green/50
#EEFCF3
RGB (238,252,243)
CMYK (5,0,5,0)
Green/100
#BDEFCE
RGB (189,239,206)
CMYK (25,0,25,0)
Green/200
#88DFA5
RGB (136,223,165)
CMYK (45,0,47,0)
Green/400
#2aa254
RGB (42,162,84)
CMYK (78,6,84,0)
Green/600
#0d6331
RGB (13,99,49)
CMYK (89,34,96,28)
Green/800
#0B371F
RGB (11,55,31)
CMYK (85,48,87,63)
Teal/50
#ECFCFC
RGB (236,252,252)
CMYK (6,0,2,0)
Teal/100
#C1F9F8
RGB (193,249,248)
CMYK (21,0,6,0)
Teal/200
#8FEBEA
RGB (143,235,234)
CMYK (38,0,13,0)
Teal/400
#1c9bb5
RGB (28,155,181)
CMYK (76,19,24,2)
Teal/600
#006666
RGB (0,102,102)
CMYK (90,42,55,22)
Teal/800
#003333
RGB (0,51,51)
CMYK (91,58,64,59)
Cyan/50
#eafafc
RGB (234,250,252)
CMYK (10,0,3,0)
Cyan/100
#b9eff9
RGB (185,239,249)
CMYK (30,0,7,0)
Cyan/200
#8ce5f5
RGB (140,229,245)
CMYK (44,0,9,0)
Cyan/400
#1c9bb5
RGB (28,155,181)
CMYK (76,19,24,2)
Cyan/600
#0a6275
RGB (10,98,117)
CMYK (88,42,38,24)
Cyan/800
#043542
RGB (4,53,66)
CMYK (96,62,50,53)
Teal — Blue Gradient
#39D2D2 – #3576ED
RGB (57, 210, 210) – RGB (53, 118, 237)
Purple — Blue Gradient
#826DEB – #3576ED
RGB (130, 109, 235) – RGB (53, 118, 237)
Blue 100 — 400 Gradient
#C0D6FF – #3576ED
RGB (192, 214, 255) – RGB (53, 118, 237)
GRAY — Tints & Shades
Grey/100
Grey/200
Grey/400
Grey/600
Grey/800
GREEN — Tints & Shades
ORANGE — Tints & Shades
PINK — Tints & Shades
PURPLE — Tints & Shades
RED — Tints & Shades
TEAL — Tints & Shades
YELLOW — Tints & Shades
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt mi ac sem lobortis, finibus vulputate nulla commodo. Fusce auctor orci quis odio consectetur, nec porta lorem fermentum. Mauris porta, lectus in sodales porttitor, leo neque feugiat libero, vitae semper libero neque vitae augue.
Vivamus lacinia, ligula eget congue fringilla, ipsum leo euismod est, et molestie tortor arcu non sem. Sed quis nunc auctor est consequat elementum vel sed dui. Etiam tempus dignissim diam, rhoncus consequat elit tincidunt vitae. Aliquam bibendum ex tincidunt pellentesque rutrum.
Our photography should set the scene or create context for the transformational conversations we want to have. It should demonstrate our interest in the world around us, and the positive effects we’re working to deliver as Rockers.
Given our scale and scope, no single photographic style can capture the variety of subjects or themes we need to convey. Different types of images are better suited for certain situations and subject matter. We’ve developed a definitive perspective on the types of imagery that best define Rock Content in both style and substance.
The bulk of the photography we use is lifestyle imagery that captures candid moments with genuine expressions. We strive to create authentic moments that express our customers individuality while highlighting our products. The lifestyle images should have personality shine through while weaving Rock Content’s brand story into an image.
At Rock Content we want to highlight our customer as a hero, for this reason, we want to use bold colorful images. They should capture happy customers and their audiences, to enforce our message, we help our customers build content experiences their audiences will love. The portraits should also represent our very diverse customers. As a global company, it’s very important for every ethnicity, gender, and identity type to feel represented. We want to embrace diversity through our images and visual language.
Photography overlays are a great way to add contrast to images and to use for an image that are overlaid with copy. We have various overlay options, utilizing the different colors from our color palette at a transparency of 45%-65%.
Rock Content is a youthful brand defined by its many young and innovative leaders and customers. It is with this in mind that a playful and hand-drawn approach was crafted. Our brand illustrations are composed of simple flat outline drawings contrasted with bold blocks of color and large amounts of negative white space. This creates an interesting dynamic and defines our own unique illustration language.
The goal of illustrations at Rock Content is to add value to a design. They can do this by adding educational value, aesthetic value, and brand value.
Keeping it simple. Our brand aesthetic is clean, minimal, bold and creative. For this reason we want to keep the style and concept simple. By using minimal details and a minimal color palette, simplicity can be achieved.
In order to add aesthetic and brand value, we want to use simple and playful illustrations to add to any design project. These elements can be used independently or with other imagery to give a design personality. Rock Content design elements include hand-drawn shapes and lines inspired by music and technology. Elements should never be the primary focus of a design. We should use them to add personality to a design, as well as to address the need to fill an empty area and to energize a possible lifeless area.
Example:
A spot illustration is used to help showcase a product feature, demonstrate a user experience, or explain a simple gesture. They’re lightweight, not too busy, but are there to help enhance a design by bringing the layout to life and inform the viewer.
Example:
A scene illustration works on a larger space and will include more general imagery that depicts a setting, or scene for our customers and can be used for various products and services.
Our informational product illustrations depict products and solutions as well as tell a story. Stories can be a customer journey story or a product story. These images are specific to a product or service, and are more technical than a general scene illustration.
We refrain from using character illustrations where possible because we are more focused on highlighting customers and their audiences through high quality photography so that the imagery is more personable and easier to relate to. But when needed we do use characters, we want to make sure that they are charismatic and diverse, just like our clients and Rockers.
Example:
Rounded Corners 6px
Rounded Corners 12px
Rounded Corners 18px
Drop Shadow Bottom
Gray/400 Border
Blue/400 Border
MAIN PODS
SECONDARY PODS
Our language should be spoken with objectivity and simplicity so that we are understood by diverse communities and people.
Founded in 2013, Rock Content provides over 2,000 brands, marketers and agencies with innovative content marketing solutions, creative services, on-demand talent, and professional training. Rock acquired ScribbleLive in late 2019 and now employs over 400 people globally and maintains a talent network of over 80,000 creative professionals. Together, we all share in Rock’s mission to create growth opportunities for our customers, talent community, and Rockers worldwide.