BRAND GUIDELINES FEBRUARY 2017
PRIMARY LOGOTYPE The new INVID GROUP logo is a contemporary interpretation of coding elements. This rebrandinghas removed the wave pattern and word “group” from the logo in order to give a more modern feel to the logotype. The braces represent the company’s expertise: high-level software development. The useof a slightly rounded typeface allows the viewer to notice a slightly playful yet elegant feel, making the brand feel young, yet experienced.
1
LOGOTYPE ARCHITECTURE The logotype may appear on its own, or depending on the campaign, with a tagline or other message below. Specific proportional guidelines how much each component is spaced in response to the other components. “X” represents the hight that taglines should have in comparison to the logo. “2X” represents the distance between the tagline and the logotype. Is is double the size of the tagline. “Y” Represents the logo’s limit. Taglines should not exceed this limt. “Z” Represents the wide of the tagline. This particular tagline fits inside the braces.
MINIMUM SIZE When the logotype appears alone with no tagline or other message below, the minimum size should never appear smaller than one inch wide. When a tagline is included, the minimum size should never appear smaller than
SPACING To ensure legibility and consitency when used, a minimum border of clear space has been established to always exist surrounding the logotype. Keep this space free of other visual elements. Note: This is only a minimum and when possible, more space should be given.
2
ISOTYPE
3
ISOTYPE EXPLANATION
“IN”
BRACES
ROUNDED EDGES
The isotype isolates the main component of the company logo.
In coding, braces are used to group. Since the company itself is called INVID GROUP, a company that deals with software development, it seemed like the obvious choice to represent the company.
Softer edges represent a sleaker & cleaner design.
The “IN” are the first two letters of the company name, which also signify that while working withINVID you are working with a company that will go all “IN” to achieve customer satisfaction.
It is also a clever logo design for the “IN” is inside the square, but leaving one of the brackets outside to represent the “inner” and “outter” group.
4
COLOR The color palette selected for INVID has the purpose to evoke the company’s intelligence and expertise, while showing they are not affraid to think outside the box with theit bold colors. Secondary colors may be
PRIMARY COLOR.
THE ASTROUNAUT HEX: #25326a RGB: 37, 50, 106 CMYK: 65, 53, 0, 58 PMS: 2119 C
SECONDARY COLORS.
OBLIVION HEX:#25326a
THE CLASH HEX:#25326a
A CLOCKWORK HEX:#25326a
THE ASTRONAUT.
OBLIVION.
THE CLASH.
A CLOCKWORK.
Named so for it’s exploration into deeper blue territory. Unafraid to go onward to the unknown. It is a color of the future. Bolder and darker than the blues’ of previous shown companies. Although new, it is very familiar color that evokes sucess.
This combination is more sober and not as dark, making it less serious/ intimidating, but not diminishing it’s resourcefulness, attention to detail and trustworthy nature. This combinataion would make any spectator understand from the get-go that INVID is a business that inspires greatness.
Named so for it’s exploration into deeper blue territory. Unafraid to go onward to the unknown. It is a color of the future. Bolder and darker than the blues’ of previous shown companies. Although new, it is very familiar color that evokes sucess.
Orange is the color for creators, innovators and thinkers. The darker the shade, the more mature the creative process. A hint of carrot brings a bit more of balance to the color, making it a great color palette for those who wish to show off the creative side.
NOTE: When printing in gradients, please keep in mind that depending on the printing press, quality may vary.
5
COLOR GRADIENT EXPLANATION Oblivion, The Clash and Agent Orange are gradients composed of two or three colors. This page of the guide will have the explanationof each gradient in case it be needed.
OBLIVION HEX:#25326a
DEEP COVE HEX:#061c3d RGB: 6, 28, 61 CMYK: 90, 54, 0, 76 PMS: 2766 C
THE ASTRONAUT HEX:#25326a RGB: 37, 50, 106 CMYK: 65, 53, 0, 58 PMS: 2119 C
THE CLASH HEX:#25326a
STEEL BLUE HEX:#4577bb RGB: 69, 119, 187 CMYK: 63, 36, 0, 27 PMS: 2130 C
RAZZMATAZZ HEX:#df136f RGB: 223, 19, 111 CMYK: 0, 91, 50, 13 PMS: 214 C
THE ASTROUNAUT HEX:#25326a RGB: 37, 50, 106 CMYK: 65, 53, 0, 58 PMS: 2119 C
A CLOCKWORK HEX:#25326a
CARROT HEX:#EF8C20 RGB: 239, 140, 32 CMYK: 0, 41, 87, 6 PMS: 144 C
POMEGRANETE HEX:#F1501D RGB: 241, 80, 29 CMYK: 0, 67, 88, 5 PMS: 7579 C
TÍA MARÍA HEX:#BF360C RGB: 191, 54, 12 CMYK: 0, 72, 94, 25 PMS: 1675 C
6
COLOR USAGE The INVID logotype can and will appear in any of the company’s colors: primary and secondary. The most commnly used combinations appear below.
PRIMARY COLOR.
SECONDARY COLORS.
The Astronaout on White
Oblivion on White
The Clash on White
The Clash on White
White on The Astronaout
White on Oblivion
White on Oblivion
White on Oblivion
Note: When using secondary colors, the second half of the logo (the “VID}” ) will not, under any circumstances, have the gradient applied to them. For Oblivion, the color used on “VID}” will be The Astronaout. For The Clash, the color used on “VID}” will be Razzmataz. For the Color Agent Orange, the color used will be Carrot. In addition, the gradient color will be used in a 54 degree angle with the lighter color on the top right corner, as to signify that the light is coming from above.
7
ISOTYPES IN COMPANY COLORS
PRIMARY COLOR.
SECONDARY COLORS.
8
WRONG USES OF ISOTYPE & LOGOTYPE The INVID isotype & logotype are very flexible but they will not suffer due to inconsistant/inconsiderate brand use. Here are some things that should not be done.
{
IN VID
}
IN VID INCORRECT USES Incomplete use of isotype. Stretching of logo (both vertically and horizontally.) Incorrect color pairing. Incomplete logo. Inverse use of logo.
9
SECONDARY TYPEFACES Complementary to Brandon Grotesque (typeface used in INVID logotype/isotype) would be Proxima Nova from Light to Bold. Use Proxima Nova SemiBold or Bold for headlines and subheadlines. Also, use in it’s different weights when necessary. Regular should be used as the default font for body copy. When wanting to use a different headline typeface, use Helvetica Bold. Proxima Nova Light should be used when a different type of emphasis is wanted. Use with caution.
Proxima Nova Light ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 123456789
Proxima Nova Regular ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 123456789
All of this typefaces are allowed to be used in italics when necessary.
Proxima Nova Semi Bold ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 123456789 Proxima Nova Semi Bold ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 123456789
Looking for a new place to outsource Software Development? Here are 8 reasons why you should consider Puerto Rico. Software Development For the past 25 years, all types of companies have outsourced their Information Technology (IT) and Software Development teams either onshore, nearshore or offshore. There are pros and cons to all of them and it’s important to understand de ramifications of each before deciding the one that fits your company best. Let’s define the options first: Onshore refers to outsourcing to a software development provider in your own country. For example, think that your company is located in New York and you manage IT needs in Arizona. You’re working in different states but in the same country Nearshore means that software development needs are handled in bordering countries or those that are a short distance away. For clients in the United States this means countries like Mexico, Canada, and Puerto Rico. Offshore indicates that the software development needs are managed overseas and in different time zones. Regularly, American companies hire services on Asia or Eastern Europe. Probably the most common outsourcing method in the US has been offshore, mainly to countries like India (who hasn’t spoken to a John with an Indian accent). But when you’re a company in the United States, this model can become a headache. Apart from the cultural barrier, the extreme time zone difference, “intellectual property” issues, political instability, and physical distance can sometimes cause delays in projects. These delays eventually mean losing money. This is when Puerto Rico comes in. A US territory since 1898, the island is under the same protections and Federal regulations as the mainland. It also shares the same currency, banking system and financial regulations.
10
INSPIRE GREATNESS.