The building blocks of our brand’s visual presentation have been created and defined to represent Hermosillo as a sophisticated and modern organization. Perceptions of our company will be positively shaped through consistent application of these graphic elements.

LOGO

As the most visible element of our identity, the Hermosillo logo embodies the strength and sophistication of our company.

PRIMARY MARK

An iconic “H” serves as our logo’s centerpiece and features unique, dynamic angles suggesting forward momentum and leadership. The Hermosillo name is set in bold type and is occasionally paired with our tagline, Experience Matters.

VERTICAL LOGO

SECONDARY MARKS

The horizontal orientation of our logo is an acceptable alternative when use of the vertical format fails to allow proper clear space or creates unnecessary tension with surrounding elements in your layout.

Horizontal logo with Tagline

Vertical logo with Tagline

Restricted uses

There are circumstances that the logotype, symbol, and one-color logo may be used. These uses must be approved by the Hermosillo marketing team.

LOGOTYPE

In select cases, the Hermosillo logotype may be used separate from the “H” symbol.

STAND-ALONE SYMBOL

In select cases, the “H” symbol may be used separate from the Hermosillo logotype.

ONE-COLOR LOGO

Use of the logo in one-color should be used sparingly and only when printing or fabrication limitations require it. The preferred one-color option is an all-white logo reversed out of a field of color. An all-black logo can be used for newsprint. On unprinted finished, etching or embossing is allowed.

Logo Clearspace and minimum size

To ensure high visibility and an uncluttered presentation, always maintain clear space around the Hermosillo logo. Determine clear space by measuring the height of the “H” symbol (see diagram below) and keep an area equal to this height clear on all sides of the logo. Note that the clear space will change depending on the size of the logo.

To ensure legibility, the width of the logo must be a minimum of 70 pixels for digital (on-screen) applications or 1” (25 mm) for print.

MINIMUM SIZE

On-screen: 70 pixels
Print: 1” (25mm)

Logo color and Placement

The full-color logo is the primary version of the logo and is always preferred, however the background on which the logo is placed must be considered. The logo may be reversed out in all-white when dark backgrounds or photographs reduce the legibility of the full-color version. See Restricted Uses above for additional one-color application rules.

FULL COLOR LOGO

FULL COLOR REVERSE

DO NOT alter, stretch or distort the logo.

Do not add effects like drop shadows, dimensions or gradients to the logo.

Do not create new versions of the logo.

Do not place full color logo over dark, low-contrast or busy backgrounds.

COLOR

Consistent use of color will help unify all applications of the Hermosillo brand, connecting them to our logo from which our color palette originates. Our color system is intended to provide a modern look, an approachable feel and an overall presentation distinctive from others in our industry. The bold, blue and orange hues of our color system are complemented by a range of muted secondary tones, creating a unified family of striking colors. Certain colors within the secondary palette have also been assigned to to represent Hermosillo’s other divisions (in the near future).

PRIMARY

ORANGE

PMS 2026C
CMYK 5/80/100/0
RGB 230/90/40
HEX #E65A28

DARK BLUE

PMS 7694c
CMYK 92/75/36/22
RGB 37/68/103
HEX #254467

SECONDARY

STEEL BLUE
(HOSPITALITY)

PMS 5405
CMYK 70/45/35/10
RGB 92/116/136
HEX #5C7488

TEAL

PMS 5473C
CMYK 74/5/0/61
RGB 26/94/99
HEX #1A5E63

SEAWEED

PMS 7711
CMYK 99/11/0/44
RGB 2/128/144
HEX #028090

PALM
(CAPITAL)

PMS 7490
CMYK 12/95/95/3
RGB 108/125/71
HEX #6C7D47

GOLDENROD
(DEVELOPMENT)

PMS 7409C
CMYK 0/31/100/0
RGB 239/182/40
HEX #EFB628

WARM RED
(RESIDENTIAL)

PMS 711
CMYK 0/84/83/23
RGB 196/32/33
HEX #C42021

TAUPE

PMS 438
CMYK 0/13/11/67
RGB 84/73/75
HEX #54494B

WINE

PMS 525
CMYK 0/58/19/67
RGB 84/35/68
HEX #542344

TINTS

MEDIUM BLUE

PMS 2152
CMYK 82/60/30/9
RGB 63/97/131
HEX #3f6183

SLATE BLUE

PMS 2170
CMYK 62/35/22/0
RGB 105/144/171
HEX #6990AB

PALE BLUE

PMS 657
CMYK 20/8/8/0
RGB 191/209/229
HEX #BFD1E5

GRAY

PMS 430
CMYK 62/45/45/11
RGB 103/114/122
HEX #67727A

COLOR USAGE

While our brand is bold and confident, our use of color is restrained to allow content and photography to take the lead. Secondary colors and tints should dominant your layouts. The primary colors derived from our logo should act as an accent.

TYPOGRAPHY

Typographic style is a strong component to our identity. Our brand fonts have been chosen for their sophistication, legibility and modernity. Commitment to these typefaces will create a consistent and strong identity. Flama, a sans serif font, comes in a variety of weights that offer flexibility for use in headlines and captions. A serif font, Enriqueta, is intended for optimal legibility of body copy or large blocks of text.

Certain digital applications, like PowerPoint or outbound marketing emails, may require more universally installed fonts to ensure readability by a wide audience. In these instances, Arial Bold can be substituted for Flama and Georgia Regular for Enriqueta.

HEADLINES AND TITLES

Setting headlines in all caps helps reinforce our bold, confident message.

Flama
Condensed
Bold

Body Copy /
Secondary

We complement the strength of the san serif with the refined character of Enriqueta.

Enriqueta
Regular

Captions and Quotes /
Tertiary

Use our light condensed font to create hierarchy and enhance the interest of your layout.

Flama
Semicondensed
Book

PHOTOGRAPHY

Our photography is an important way our brand tells its story. Powerful images featuring our construction portfolio reflect the quality and sophistication of what we deliver. Photographs of our people and process also connect on an emotional level, providing familiarity and context for our communications.

PROJECTS

Appropriately showcasing completed construction projects begins with dramatic, detailed exterior photos. When shooting macro shots, consider the weather and time of day. Ideal lighting (overcast to partial sun, but not gloomy) will provide vibrancy while avoiding flat colors or undesirable shadows. Select angles that minimize environmental clutter and that provide interesting perspectives. Establishing a depth of field will further enhance the dramatic quality of your photos.

Attention to detail and craftsmanship are what makes Hermosillo the premier builder in Mexico. To help reinforce the message, we complement our project photography with tight detailed shots that celebrate the finer points of our work.

DO

Ensure horizons and verticals are level and perpendicular.

Schedule photography late morning or late afternoon to capture the best light.

DON'T

Settle for quick iphone or hand-held images.

PEOPLE

We’re all about people, so our photography should reveal authentic moments that are human and relatable. Avoid staged photographs, consider diversity and select shots that share believable scenarios and convey an emotive quality.

DO

Focus on individuals working together and collaborating.

Ensure every workplace image reflects proper safety protocols.

DON'T

Stage photos. Subjects should be shown in real-world context.

TEXTURES

For added flexibility when combining photography and messaging, we have created a textural system utilizing a blue overlay. Images are converted to black and white and a Hermosillo Medium Blue color is added and set to multiply, creating an even tone.

DO

Use textures for cover templates, video and digital pieces.

Use high-contrast imagery.

DON'T

Use textures without messaging or large color areas without textural imagery.

GRID

As a company with deep architecture roots, having an organizing, underlying grid for our layouts seems only natural. A grid is intended to bring simplicity to complexity so that the presentation of our brand is always as professional as possible.

01.

DEFINE YOUR
MARGINS

Add a margin all the way around the layout to define the layout. Page margins should generally be equal on all sides. For the alignment of text elements and the logo, create interior margins and gutters.

02.

Set columns and grid

Establish your grid by first defining the columns and their width. A number divisible by three is ideal, based on a rule of thirds approach to composition. Then create a vertical grid of squares based on your column width. Test your grid by roughly populating your layout with content, aligning copy and visuals to the column identifiers. If the grid fails to provide enough organizational structure, expand the number of columns. Test again. Decrease or increase the number of columns as necessary.

NOTE

Not all page sizes will allow you to create a perfect grid. In that case, continue to use a square-based grid, but allow the last row to be narrower than the others.

03.

Add your content

Once your grid is established, ensure your content adheres to it. Modify the grid structure only if you find it continuing to hinder your layout, instead of helping it.