Urban Enclaves Standards Manual

Brand DNA

Brand Signatures

Visual Elements

Key Visual Elements

Explore

Visual Elements

Color Palette

The palette of Urban Enclaves illustrates an oasis by having a focal blue that is surrounded by lush greenery and calm.

The primary blue has been matched with the aptly named Cebu Seas from Boysen’s color samples. It exudes a lasting depth and stability while still illustrating the image of an oasis with the palette. Secondary colors provide a foundation for Cebu Seas, while brighter accent colors help brighten the palette.

Primary Colors

Primary Colors

Cebu Seas

Pantone

Pantone P 122-5 C

Hex Code

#46ACB9

RGB

R 70 G 172 B 185

CMYK

C 69 M 13 Y 27 K 0

APPROXIMATED BOYSEN COLOR NAME

Cebu Seas

APPROXIMATED BOYSEN COLOR CODE

BM-0163S

Black

Pantone

Pantone Black 2 C

Hex Code

#2B2A1D

RGB

R 43 G 42 B 29

CMYK

C 64 M 58 Y 74 K 71

APPROXIMATED BOYSEN COLOR NAME

Undercover*

APPROXIMATED BOYSEN COLOR CODE

BM-0171S*

Off White

Pantone

Pantone P 160-1 C

Hex Code

#F6F9EA

RGB

R 246 G 249 B 234

CMYK

C 3 M 0 Y 9 K 0

APPROXIMATED BOYSEN COLOR NAME

Blissful*

APPROXIMATED BOYSEN COLOR CODE

BM-0145S*

Olive

Pantone

Pantone P 162-8 C

Hex Code

#656D1A

RGB

R 101 G 125 B 26

CMYK

C 63 M 33 Y 100 K 15

APPROXIMATED BOYSEN COLOR NAME

Nile Green**

APPROXIMATED BOYSEN COLOR CODE

B-650**

Forest

Pantone

Pantone P 156-16 C

Hex Code

#2B621D

RGB

R 43 G 98 B 29

CMYK

C 82 M 37 Y 100 K 31

APPROXIMATED BOYSEN COLOR NAME

Green Thumb*

APPROXIMATED BOYSEN COLOR CODE

BM-0100S*

⁠

Secondary Colors

Secondary Colors

Sand

Pantone

Pantone P 166-4 C

Hex Code

#F3F094

RGB

R 243 G 240 B 149

CMYK

C 6 M 0 Y 53 K 0

APPROXIMATED BOYSEN COLOR NAME

Sunny Days**

APPROXIMATED BOYSEN COLOR CODE

T-5607**

Pale Ochre

Pantone

Pantone P 458 C

Hex Code

#D1C05E

RGB

R 209 G 192 B 94

CMYK

C 18 M 17 Y 76 K 2

APPROXIMATED BOYSEN COLOR NAME

Racing Greens*

APPROXIMATED BOYSEN COLOR CODE

B-0118S*

Mist

Pantone

Pantone P 118-1 C

Hex Code

#D0ECF6

RGB

R 208 G 236 B 246

CMYK

C 17 M 0 Y 2 K 0

APPROXIMATED BOYSEN COLOR NAME

Dewdrops*

APPROXIMATED BOYSEN COLOR CODE

BM-0179S*

⁠

Accent Color

Accent Color

⁠

* - Colors taken from the

Boysen Color Samples⁠

page that are totally exact but resemble the colors closest. ** - Colors taken from the

Boysen Colors page⁠

that are totally exact but resemble the colors closest. The following Boysen Color options available have been chosen from what matches the brand colors’ pantone codes closest from the selection on the Boysen website. Other paint colors and swatches may still be available outside the site. Treat the Boysen Color Names and Codes as references for architects and contractors to match the swatches to the best possible paint ideal for use on Urban Enclaves.

⁠

Color Hierarchy

Internal Use and Representation

For internal brand applications such as business cards and official documents, lead with Cebu Skies. Olive and Forest may also be also be used, but priority should be on using Cebu Skies to help establish its role in the hierarchy of colors.

⁠

Marketing and External-facing Brand Materials

For marketing efforts, use mainly the Primary Colors of the palette. The colors, especially Cebu Skies in particular, helps distinguish the look of Urban Enclaves from its competitors early on through color alone.

⁠

Urban Enclaves - Sample Color Marketing Materials-08.png

⁠

Urban Enclaves - Sample Color Marketing Materials-09.png

⁠

Space

Be strategic in using the full palette of the brand. It is advised to use more of the neutral-leaning colors such as the shades of green (Olive and Forest) and yellow (Sand and Pale Ochre) over Cebu Skies on this case to help give more weight to Cebu Skies when it is used. Prioritize what will work best in a space in terms of how it would look against the surroundings and also longevity, or which colors would Urban Enclaves be most willing to commit to long term.

The look need not be as striking or bold visually since the narrative for the brand is still to make the Enclaves feel like a respite from the busyness of the city.

⁠

The main color of Urban Enclaves is visible here, but because it’s close to the sky it blends in unevenly with its background.

⁠

Forest may work better in this context as a color.

Wayfinding

If the neutral colors would be more appropriate for paint and space colors, Cebu Skies and the accent color Lime are recommended for signage. Because both of these are bright and draw attention, they make perfect indicators for guides or warnings for residents.

Cebu Skies may function better for directional signages, or signs residents will encounter more frequently, while Lime is better fit for more dire warning signs.

⁠

Urban Enclaves - Sample Color Use Wayfinding-56.png

⁠

Urban Enclaves - Sample Color Use Wayfinding-57.png

⁠

Color Usage Guide

Contrast

Ensure that there is always enough contrast among the colors. Look out for readability and visibility for the colors of copy and visual elements.

⁠

⁠

The headline, body text, and background shapes are clearly readable and easily distinguishable.

⁠

⁠

There is enough contrast between Pale Ochre and Cebu Seas, and the headline is also readable, but the body text is hardly readable.

⁠

⁠

There is enough contrast between Off White and Mist, but neither the headline nor body text can be read.

Color Amount

For every layout or spread, have a maximum of three brand colors used simultaneously unless it is absolutely essential for the context of the layout to include more than three colors.

⁠

⁠

3 colors

There is clear hierarchy and focus in the layout.

⁠

⁠

4 colors

The two greens with the headline in Cebu Skies against the Black background makes the layout feel scattered. It breaks away from the goal of Urban Enclaves to feel like a place where you can thrive.

Color with Photography

Be strategic when selecting color for elements placed over photos, and framing photos to help them house text and graphics.

⁠

⁠

Selection a portion of the photo where there is enough negative space for text to stand out well.

⁠

⁠

No color will be a good fit against this photo because it’s made up of several colors which the text can bleed into.

Body text is also very hard to read. In these situations, it is best to keep the photo in a container and have only the headline text over it. The body text may need to be placed in a separate, solid colored frame or area of the layout.

Color Combinations

The following are combinations of colors with graphics and text that are not advisable for reasons regarding visibility and creative direction regarding the mood and values of the Urban Enclaves brand.

⁠

⁠

⁠

⁠

⁠

⁠

⁠

⁠

⁠

⁠

⁠

⁠

⁠

For some combinations of background colors and specifically only when these colors are used as background graphics for layout, they may still be allowed provided they behave as backgrounds. In these two examples, the contrast is very minimal. Because the two colors feel like they’re blending into each other, they can be used to house content.

⁠