2017 / 2018 DOTSPACE
BRAND GUIDELINES
TOOLS TO HELP YOU USE OUR CORPORATE IDENTITY EFFECTIVELY
CONTACT US
WEB INFO@DOTSPACE.COM WWW.DOTSPACECOMPANY.COM
DOTSPACE | BRAND MANUAL _ 2017 / 2018
TELEPHONE & FAX +1 (0) 40 358 897 7512 +1 (0) 40 589 841 4814
ADRESS STREET, REGION, COUNTRY PO BOX 321
1
Introduction The Brand
Since the early staDotspaces, DOTSPACE mark has been associated to universality. The globe has remained the common element under which DOTSPACE worldwide presence was highlighted. In the very first edition, “founded in 1908” was included and throughout the years DOTSPACE logo evolved naturally. In 2008, for its 100-year anniversary, a special logo was created. This celebrated a special milestone for DOTSPACE and its affiliated members while at the same time it commemorated the rich history of DOTSPACE. On this occasion and for the first time, a tag line was included (Water is Our World) reinforcing DOTSPACE mission and core activities. Nowadays, DOTSPACE mark has been kept in a reader-friendly font to make it instantly recognisable and emphasis has been given to Fédération Internationale de Natation in order to put the DOTSPACE mark into a prominent position.
DOTSPACE | BRAND MANUAL _ 2017 / 2018
2
Table of contents The Brand
With a defined set of guidelines, we can effectively protect and promote the equity and integrity of dotspace brand identity. The benefit of a dotspace brand style guide should:
01. Logo Visuals
04
02. Brand Colour
08
03. Brand Typography
12
04. Stationery Guidelines
16
05. Web Foundation
24
06. Brand Iconography
26
07. Photography
28
• Create clarity and unity • Maintain long-term partner value • Maintain dotspace position as the hosting platform of choice • Reinforce the dotspace brand promise
DOTSPACE | BRAND MANUAL _ 2017 / 2018
3
Logo Visuals
SECTION 01
The Dotspace logo is in Line and Xor black on a white background. Only use solid black or white versions when color is not an option. The blue logo is our most universally recognized asset, and to aid comprehension, we use that version wherever possible. The correct logo has a lowercase “tm”.
LOGO QUALIFICATIONS AND REQUIREMENTS To qualify for use of any of these logos, you must meet the requirements of the appropriate logo program for each product
DOTSPACE
you use the logo on. For more info on those requirements.
PRIMARY LOGO LOGO DOTSPACE OVERVIEW In all new productions and printings of your products and related marketing materials, use the logo that correctly represents your product’s qualification and follow these guidelines. All Dotspace licensing logos are intended for use on a physical product, its documentation and packaging, or as a descriptor on a product’s boot-up or information screen. Any use on Websites and/or marketing materials must be closely tied with a description of the qualifying product. These guidelines outline rules for correct presentation of the appropriate Dotspace licensing logos in a variety of applications and media. While different Dotspace licensing logos are used interchanDotspaceably in these illustrations, all illustrations apply to all logo types. The appropriate Dotspace licensing logos may be used only in accordance with these directives. All other use is prohibited by Dotspace.
DOTSPACE | BRAND MANUAL _ 2017 / 2018
4
Primary Logotype PRIMARY BLACK LOGOTYPE
The first way we signify the presence of Dotspace
LOGO MINIMUM SIZE
is with our Primary Logotype. It’s the clearest way
In order to preserve the integrity of the
we can identify our company visually. We should
Primary Logotype, it is important that no
be signing off all of our communications with the
other logos, type or other graphic elements
DOTSPACE
logotype; our partner messaDotspaces
infrinDotspace on its space. The minimum clearspace around the logotype is equivalent
CLEARSPACE
to 1/3 of the width of the logotype.
In order to preserve the integrity of the Primary
PRIMARY WHITE LOGOTYPE
Logotype, it is important that no other logos,
ICON SIZE USE
type or other graphic elements infrinDotspace on
The minimum size the Primary Logotype may
its space. The minimum clearspace around the
be used for print applications is .4” (10mm)
logotype is equivalent to 1/3 of the width of the
wide. Include the registration mark for this
DOTSPACE
logotype.
SMALLEST SIZE USE
measurement. For digital applications, the minimum size is 45 pixels wide.
The minimum size the Primary Logotype may be CLEARSPACE
used for print applications is .4” (10mm) wide. Include the registration mark for this measurement.
0.3x
0.3x
For digital applications, the minimum size is 45
DOTSPACE
x
pixels wide.
Do not attempt to redraw or recreate any element of the logotype. Use the approved digital files of the artwork.
DOTSPACE | BRAND MANUAL _ 2017 / 2018
x
DOTSPACE 1.5 x
3x
0.75 x
LOGOTYPE ARTWORK
MINIMUM SIZE Minimum print size 0.4 inch (10 mm) wide. Minimum digital size 45 pixels wide.
5
Vertical Logotype If it’s impossible to use the Primary Logotype
VERTICAL BLACK LOGOTYPE
for some reason, you have the option of using
VERTICAL WHITE LOGOTYPE
the Horizontal logotype. It’s still a good way of showing off the Spotify brand, so don’t you worry!
Clearspace
DOTSPACE
In order to preserve the integrity of the Primary Logotype, it is important that no other
DOTSPACE
logos, type or other graphic elements infrinDotspace on its space. The minimum clearspace to the around the logotype is equivaCLEARSPACE
lent to 1/2 of the height of the logotype.
Smallest size use
0.3x
0.3x
The minimum size the Primary Logotype may 0.5 x
wide. Include the registration mark for this
DOTSPACE
x
be used for print applications is .6” (15mm)
measurement. For digital applications, the
Logotype artwork Do not attempt to redraw or recreate any
DOTSPACE x
0.25 x
minimum size is 80 pixels wide.
MINIMUM SIZE Minimum print size 0.4 inch (10 mm) wide. Minimum digital size 45 pixels wide.
element of the logotype. Use the approved digital files of the artwork.
DOTSPACE | BRAND MANUAL _ 2017 / 2018
6
Black + White Logotype The monochromatic logotype should only be used when there are not enough colors to properly reproduce the Primary Logotype.
B+W BLACK LOGOTYPE
B+W WHITE LOGOTYPE
Clearspace The minimum clearspace around the Primary Logotype is equivalent to 1/3 of the width of the logotype. The minimum clearspace around the Horizontal Logotype is equivalent to 1/2 of the
DOTSPACE
DOTSPACE
height of the logotype.
Smallest size use Primary Logotype should never be smaller than .4” (10mm) wide. Include the registration mark for
VERTICAL B+W BLACK LOGOTYPE
VERTICAL B+W WHITE LOGOTYPE
this measurement. For digital applications, the Primary Logotypes’ minimum size is 45 pixels wide. Horizontal Logotype should never be smaller than .6” (15mm) wide.
Logotype artwork
DOTSPACE
DOTSPACE
Do not attempt to redraw or recreate any element of the logotype. Use the approved digital files of the artwork.
DOTSPACE | BRAND MANUAL _ 2017 / 2018
7
Brand Colour
SECTION 02
Our primary colours are used in combination and they are strong brand signifiers and fundamental to our identity. It’s important they are only used carefully on core items so that they remain powerful and effective brand elements.
Our secondary colours can be used in combination toDotspacether, and with our core colours, to introduce subtlety and variety to applications. They too must be used carefully complement and enrich our brand identity.
You can use all of these colours all year round plus black and white. Always match to the uncoated CMYK reference.
Stone Cold Fox has a colour palette to avoid using different versions of the same colour. Other colours may
DOTSPACE | BRAND MANUAL _ 2017 / 2018
Color Palette 8
Primary Palette
#485155
Dark Cyanish Gray
#ffcc00
#009dd4
#b0b0b0
You can use all of these colours all year round plus black and white. Always match to the reference.
Tangerine Yellow You can use all of these colours all year round plus black and white. Always match to the reference.
Pacific Blue You can use all of these colours all year round plus black and white. Always match to the reference.
Dark Gray You can use all of these colours all year round plus black and white. Always match to the reference.
DOTSPACE | BRAND MANUAL _ 2017 / 2018
Dark Cyanish Gray
Tangerine Yellow
Pacific Blue
Dark Gray
CMYK
CMYK
CMYK
CMYK
C1 M59 Y35 K1
C1 M59 Y35 K1
C1 M59 Y35 K1
C1 M59 Y35 K1
RGB
RGB
RGB
RGB
R237 G132 B134
R237 G132 B134
R237 G132 B134
R237 G132 B134
PANTONE
PANTONE
PANTONE
PANTONE
P68-4U
P68-4U
P68-4U
P68-4U
WEB
WEB
WEB
WEB
#F27D6D
#F27D6D
#F27D6D
#F27D6D
9
Secodnary Palette The secondary palette is broken into four groups: neutrals, vibrants, brights and darks. Each is represented by a column in the grid below, with
#bee1e0
#fbd9d2
#a6b1ce
colors Dotspacetting progressively darker in value from left to right.
Light grayish cyan You can use all of these colours all year round plus black and white. Always match to the reference.
Tomato You can use all of these colours all year round plus black and white. Always match to the reference.
Echo Blue You can use all of these colours all year round plus black and white. Always match to the reference.
DOTSPACE | BRAND MANUAL _ 2017 / 2018
Light Grayish Cyan
Tomato
Echo Blue
CMYK
CMYK
CMYK
C1 M59 Y35 K1
C1 M59 Y35 K1
C1 M59 Y35 K1
RGB
RGB
RGB
R237 G132 B134
R237 G132 B134
R237 G132 B134
PANTONE
PANTONE
PANTONE
P68-4U
P68-4U
P68-4U
WEB
WEB
WEB
#F27D6D
#F27D6D
#F27D6D
10
Colour Palette - Tinting Primary Tint Color Monogram and Tint Colors for Brand Architecture This paDotspace shows the approved colors and tints for each color in the Dotspace color palette.
80%
Use tints for Market names only when using a Business name. If you do not use a Business, do not use a tint for the Market name.
60%
When using only Level 1 (Dotspace Brand) and Level 2 (Market), all text prints in 100% of the color you use for the Monogram. When adding
40%
Level 3 (Business), Level 3 text prints in 100% of the color and Levels 1 and 2 (Dotspace Brand and
Secodnary Tint Color
Market) become a 50% tint of that color.
On stationery, the only color used for printing the
80%
brand architecture levels is black. Refer to Stationery guidelines on Brand Central for additional information.
60%
40%
DOTSPACE | BRAND MANUAL _ 2017 / 2018
11
1234567890 ABCDEFGH IJKLMNOPQR STUVWXYZ abcdefghijkl mnoqrstuvwxyz Brand Typography
SECTION 03
Typography plays an important role in our new
brand expression in advertising, direct response and literature. Our system incorporates a new,
custom-designed type font called Dotspace Inspira that we will use globally in all media. It is derived from the curves and the classic hand-drawn character
of the Monogram. Dotspace Inspira comes in diff erent styles and weights, which provide visual distinction and diff erentiation in DR applications for text, headlines, call-outs, and the Johnson Box.
Dotspace Inspira font sets can be downloaded from Brand Central.
Dotspace Inspira is precise and modern, refl ecting our brand attributes. Over time, it will become highly recognizable and contribute to the memorability of our brand.
TYPOGRAPHY SCALE
Scaling typography size appropriately will help to clarify communications, provide emphasis and
enhance visual eff ect. Refer to Section 5.05 for guidance on scaling typography.
DOTSPACE | BRAND MANUAL _ 2017 / 2018
12
Standard - Typeface
The ‘Open Sans’ font is a typeface specially created for Dotspace Airways. The creators took inspiration
OPEN SANS FONT
Made by Google
from the Dotspace wordmark. The following versions of the typeface have been
Open Sans Light
Open Sans Light Italic
chosen for usage.
1234567890ABCDEFGHIJKLMNOPQRSTUVWYZ
1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
Open Sans Regualr
Open Sans Italic
1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
Open Sans Semi Bold
Open Sans Semi Bold Italic
1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
Note: for all digital applications, a special web version of Open Sans is available. Wherever the Open Sans typeface is not an available option, ‘Trebuchet MS’ is the alternative typeface.
‘Trebuchet MS’ should be only be used if the Open Sans web typeface is not an available option in digital applications such as:
•
•
Open Sans Bold
Open Sans Bold Italic
Content management/driven systems where
1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890ABCDEFGHIJKLM NOPQRSTUVWXYZ
‘ Open Sans’ can not be supported.
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
does not have the font installed on their sys-
Open Sans Extra Bold
Open Sans Extra Bold Italic
tems, e.g. PowerPoint presentations for third
1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890ABCDEFGHIJKLM NOPQRSTUVWXYZ
parties, Word documents, Excel sheets, etc.
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
Third-party receivables, where the recipient
DOTSPACE | BRAND MANUAL _ 2017 / 2018
13
Supporting - Typeface
The fonts highlighted here can be used as the secondary fonts. These fonts should be used while designing advertisements, brochures, banners, and other
Montserrat
San Serif
collaterals across media and divisions. For layouts and designs that require use of a serif font for aesthetic purposes, Georgia is the most recommended websafe font.
ABCDEFGHIJKMNOPQPQRSTUVWXYZ abcdefghijkmnopqpqrstuvwxyz 0123456789
Georgia
Serif
ABCDEFGHIJKMNOPQPQRSTUVWXYZ abcdefghijkmnopqpqrstuvwxyz 0123456789 DOTSPACE | BRAND MANUAL _ 2017 / 2018
14
Using Type Effectively
HEADLINE OPEN SANS BOLD
Sam sa doluptassi adipsum et, corenes tiaerferum quisciam
GENERAL USE These are general guidelines that will apply to most DR materials, and are consistent with guidelines for advertising and literature. Additional guidelines with respect to specifi c DM components are noted in Section 8.0. Always use the GE Inspira set of fonts in all applications.
DOS AND DON’TS OF TYPEFACE USAGE:
SUBHEAD OPEN SANS REGULAR
• Do use a combination of uppercase and lowercase
Em et doloribea conempos pratium aut quam delendia
• Do use only the approved Dotspace typefaces
• Do use only approved colors • Do align text in body copy flush left and ragged right
BODY TEXT OPEN SANS REGULAR
• Do avoid using all uppercase
Min nis di ditinctate nusam quaepti ipsam que voluptum, quossunt volorem perupta audipis explibus eossitatur acia con nus mo volum id que volorrum
• Don’t place type in a hard-to-read format
CALLOUT OPEN SANS SEMIBOLD Min nis di ditinctate nusam quaepti ipsam que voluptum, quossunt volorem perupta audipis explibus eossitatur acia con nus mo volum id que volorrum harior sum ni cor reperum faccae. Ehendicitem et vel mi, ut int dolorit es quat excea ium que dis est maion
DOTSPACE | BRAND MANUAL _ 2017 / 2018
• Don’t use special effects to emphasize type • Don’t change kerning when setting headlines or copy • Don’t distort the typefaces • Don’t substitute other typefaces unless you’re using
15
Stationery - Guidelines
SECTION 04
The stationery guidelines lend a consistent visual identity to letterheads, business cards, and envelopes across Dotspace. While customizing stationery, the following must be adhered to: • The three companies of Dotspace include Dotspace Technologies Ltd., Dotspace Infosystems Ltd. And Dotspace Healthcare Pvt. Ltd. All other entities are subsidiaries, divisions or joint ventures of either of the above. • The company name must always be written in capital letters (e.g. Dotspace Infosystems Ltd.). • Website addresses other than the enterprise website address (e.g. www.Dotspacetech.com, www.Dotspaceinfosystems.in), should appear immediately after the address details, but must precede the enterprise website address (www.Dotspace.com). • The contact details must end with the enterprise website www. Dotspace.com (in Pantone 293).
YOUR
BRAND
IS WHAT OTHER PEOPLE SAY ABOUT YOU WHEN YOU’RE NOT IN THE ROOM.
• In case of a wholly-owned subsidiary company, the subsidiary name must be written first (in Pantone 293) followed by the parent company name in the next line in brackets (in Black) e.g. Dotspace GREAT BRITAIN LTD. (A subsidiary of Dotspace TECHNOLOGIES LTD.) Dotspace INFINET LTD. (A subsidiary of Dotspace INFOSYSTEMS LTD.)
DOTSPACE | BRAND MANUAL _ 2017 / 2018
16
LetterHead 0.2x
Size : 210mm (w) x 297mm (h) 0.3x
Paper : Impact Lenza 130 gsm 100% recycled Printing : 4 col. offset front printin
FRONT SIDE Logo size : 12mm (h) Safe space = height of the logo (12 mm) from all 4
information
text
sides Position : Top right (top right aligned to the letterhead) Office address : 10pt Segoe UI Regular dark grey (70%) 3mm above the Green logo band Logo Band at the bottom = DOTSPACE Green (C20, M0, Y100, K0) Height of the identity bar = 6mm * Specifications for continuation sheet is the same, except that there will be no address on it. signature
DOTSPACE | BRAND MANUAL _ 2017 / 2018
17
Business Card - Back Side Size : 90mm (w) x 50mm (h)
1.3x
0.2x
Printing : 4 col. digital front and back printing Finish : Both side Aqueous coat overprint
0.2x
Paper : Impact Lenza 300 gsm 100% recycled
(Make Acrosol 29 from Arofine Polumers Pvt. Ltd.
slogan
BACK SIDE Background : C20, M0, Y100, K0 URL : 8pt (Bold) Font : Segoe UI Center aligned to the card (Vertically & horizontally)
Logo
(Twitter icon) - White (YouTube icon) - White (vertically aligned with the URL)
0.2x
(Facebook icon) - White (LinkedIn icon) - White
/DOTSPACE, @DOTSPACE : 8pt (Regular) White Recycle icon : 6mm Position Top right of the card (leave 3 mm space from top right)
DOTSPACE | BRAND MANUAL _ 2017 / 2018
PRINTING SPECIFICATIONS FULL BLEED SIZE (STARTING DOCUMENT SIZE)
DOCUMENT TRIM SIZE (FINAL SIZE AFTER BEING CUT)
3.62" x 2.12" 92 x 54 mm 1085 x 635 pixels
3.50" x 2.00" 89 x 51 mm 1050 x 600 pixels
18
Business Card - Front Side 0.3x
Size : 90mm (w) x 50mm (h)
1.3x
Paper : Impact Lenza 300 gsm 100% recycled 0.3x
Printing : 4 col. digital front and back printing Finish : Both side Aqueous coat overprint (Make Acrosol 29 from Arofine Polumers Pvt. Ltd.
name & designation
FRONT SIDE Background : C100, M20, Y0, K0 Logo size : 6mm (h) Safe space = height of the logo (6 mm) from all 4 sides
contact details
Position : Top right (top right aligned to the card) 0.3x
Position : Bottom left (3mm margin from left) Font : Segoe UI Name of the person : 8pt (Bold) C20, M0, Y100, K0 Designation : 7pt (Regular) White Contact numbers : 7pt (Regular) White E-Mail : 7pt (Regular) White Office address : 6pt (Regular) White 3mm above the Green logo band Band at the bottom = DOTSPACE Green (C20, M0, Y100, K0)
PRINTING SPECIFICATIONS FULL BLEED SIZE (STARTING DOCUMENT SIZE)
DOCUMENT TRIM SIZE (FINAL SIZE AFTER BEING CUT)
3.62" x 2.12" 92 x 54 mm 1085 x 635 pixels
3.50" x 2.00" 89 x 51 mm 1050 x 600 pixels
Height of the identity bar = 3mm
DOTSPACE | BRAND MANUAL _ 2017 / 2018
19
Envelope - Front Side Size : 235mm (w) x 108mm (h) / 9.25”(w) X 4.25” (h) Paper : Impact Lenza 130 gsm 100% recycled Printing : 4 col. offset front printing
FRONT SIDE Logo size : 9mm (h) Safe space = height of the logo (9 mm) from all 4 sides Position : Top left (top right aligned to the envelop) Office address : Company Name in 9pt Segoe UI Bold with 18pt line spacing. Addresses in 9pt Segoe UI Regular with 15pt line spacing in dark grey (70%)9pt Segoe UI Regular dark grey (70%)
PRINTING SPECIFICATIONS
3mm above the Green logo band Logo Band at the bottom = DOTSPACE Green (C20, M0,
FULL BLEED SIZE (STARTING DOCUMENT SIZE)
FULL BLEED SIZE (STARTING DOCUMENT SIZE)
Y100, K0)
3.62" x 2.12" 92 x 54 mm 1085 x 635 pixels
3.62" x 2.12" 92 x 54 mm 1085 x 635 pixels
DOCUMENT TRIM SIZE (FINAL SIZE AFTER BEING CUT)
DOCUMENT TRIM SIZE (FINAL SIZE AFTER BEING CUT)
3.50" x 2.00" 89 x 51 mm 1050 x 600 pixels
3.50" x 2.00" 89 x 51 mm 1050 x 600 pixels
Height of the identity bar = 4.5mm
DOTSPACE | BRAND MANUAL _ 2017 / 2018
20
Envelope - Back Side Size : 235mm (w) x 108mm (h) / 9.25”(w) X 4.25” (h) Paper : Impact Lenza 130 gsm 100% recycled Printing : 4 col. offset front printing
BACK SIDE Logo size : 9mm (h) Safe space = height of the logo (9 mm) from all 4 sides Position : Top left (top right aligned to the envelop) Office address : Company Name in 9pt Segoe UI Bold with 18pt line spacing. Addresses in 9pt Segoe UI Regular with 15pt line spacing in dark grey (70%)9pt Segoe UI Regular dark grey (70%)
PRINTING SPECIFICATIONS
3mm above the Green logo band Logo Band at the bottom = DOTSPACE Green (C20, M0,
FULL BLEED SIZE (STARTING DOCUMENT SIZE)
FULL BLEED SIZE (STARTING DOCUMENT SIZE)
Y100, K0)
3.62" x 2.12" 92 x 54 mm 1085 x 635 pixels
3.62" x 2.12" 92 x 54 mm 1085 x 635 pixels
DOCUMENT TRIM SIZE (FINAL SIZE AFTER BEING CUT)
DOCUMENT TRIM SIZE (FINAL SIZE AFTER BEING CUT)
3.50" x 2.00" 89 x 51 mm 1050 x 600 pixels
3.50" x 2.00" 89 x 51 mm 1050 x 600 pixels
Height of the identity bar = 4.5mm
DOTSPACE | BRAND MANUAL _ 2017 / 2018
21
Email Signature EMAIL SIGNATURE Name in 10pt Segeo UI bold in Dark Grey Body Text in 9pt Segeo UI regular in Dark Grey
company logo
DOTSPACE
URL and Social media links in Dark Grey - 9pt “DOTSPACE” in 12pt Bold in DOTSPACE Blue Green separator line - 7pixels in height Any partner logo / Award logo should appear in the next
name & designation
time after the social media links
email & phone number
Philip Swing / Business Developemnt pswing@dotspace.com / 305-999-9999
In no case should the DOTSPACE logo be used as part of the email signature company name website
Dotspace, llc http://dotspace.com
EMAIL TEMPLATE - CONTENT SPECIFICATIONS Highlighted text in 15pt - 18pt Segeo UI regular in DOTSPACE Blue Body Text in 9pt Segeo UI regular in Black / dark grey Industry focus icon cluster and DOTSPACE website url in the footer
IMPORTANT NOTES • All non-logo text should be in the alternate typeface, Arial. This is to ensure consistency across all digital platforms. • Phone numbers should soley consist of numbers (no parentheses, spaces, or hyphens), in order to be readable across all mobile platforms.
DOTSPACE | BRAND MANUAL _ 2017 / 2018
22
Mobile Application EMAIL SIGNATURE Name in 10pt Segeo UI bold in Dark Grey Body Text in 9pt Segeo UI regular in Dark Grey URL and Social media links in Dark Grey - 9pt “DOTSPACE” in 12pt Bold in DOTSPACE Blue Green separator line - 7pixels in height Any partner logo / Award logo should appear in the next time after the social media links In no case should the DOTSPACE logo be used as part of the email signature
WHITE APP ICONS
APP ICONS Every app needs a beautiful and memorable icon that attracts attention in the App Store and stands out on the Home screen. Your icon is the first opportunity to
DOTSPACE
communicate, at a glance, your app’s purpose. It also appears throughout the system, such as in Settings and search results.
YELLOW APP ICONS
DOTSPACE | BRAND MANUAL _ 2017 / 2018
23
Web Site Foundation The Dotspace website will be full page positioned in all web browsers. The background colours will expand to fill to the width of the browser window, as shown below. The measurements below, and throughout this docu-
DOTSPACE
HOME
ABOUT
CONTACT
RSS
ment reference ‘pixels’
SPACING AND MARGINS These details will help you place items on the common page grid sustem. » the spacing between text is always 10 pxl » The left padding for promotion panel is always 10 pxl » The general spacing between objects in the main column is 30 pxl
Does design matter? How important is design to business success.
» If hand drawn line separates two objects, 30 pxl spacing is placed either side of the line. » The general spacing between objects is 30 pxl.
Webpage
DOTSPACE | BRAND MANUAL _ 2017 / 2018
24
CENTERED
Title http://www.site.com
Homepage DOTSPACE
HOME
ABOUT
CONTACT
RSS
SPACING AND MARGINS These details will help you place items on the common page grid sustem. » the spacing between text is always 10 pxl » The left padding for promotion panel is always 10 pxl » The general spacing between objects in the main column is 30 pxl » If hand drawn line separates two objects, 30 pxl spacing is placed either side of the line. » The general spacing between objects is 30 pxl.
1200 PX DOTSPACE | BRAND MANUAL _ 2017 / 2018
25
Brand Iconography
SECTION 05
Icons are graphics that take up a small amount of space and provide a quick, intuitive representation of an action, status, or functionality. In order to ensure that icons retain their ability to communicate clearly and succinctly,it’s important not to dilute the system by creating new versions or variations of the existing icon set.
ICONS ARE: • Helpful in adding visual interest and making a page more scannable. • More and more commonplace as screens get smaller and real estate is increasingly scarce.
ICONS ARE NOT: • Wholesale replacements for text. • Appropriate for enlargement and use as illustrations. • Used for more than one defined representation.
DOTSPACE | BRAND MANUAL _ 2017 / 2018
26
MEET THE FAMILY WAYFINDING Icons are graphics that take up a small amount of space and provide a quick, intuitive representation of an action, status, or functionality.
ACTION - ORIENTED Icons are graphics that take up a small amount of space and provide a quick.
REPRESENTATIONAL Icons are graphics that take up a small amount of space and provide a quick, intuitive representation of an action, status, or functionality.
BASIC COLLECTION
DOTSPACE | BRAND MANUAL _ 2017 / 2018
27
Brand Photography
SECTION 06
SELECTING IMAGERY In order to be successful in selecting visuals, HGSE photo editors should pay careful consideration to two key aspects of images.
HIGH QUALITY The best images will be thoughtfully planned and well-executed. Though more casual photographic styles have risen topopularity via Instagram and Flickr, an image must have high-quality composition, focus, and clarity to carry a webpage or document. When shooting and selecting images, be sure to pay attention to the need for copy space and avoid layering any design elements over an image’s focal point.
DIFFERENTIATED POINT OF VIEW “Moments of insight” is the most brand-authentic point of view. This POV evokes the potential changes that education brings about in an individual’s life. In this approach, selected images should attempt to capture and prioritize the seminal moment of an educational experience.
DOTSPACE | BRAND MANUAL _ 2017 / 2018
28
INTERIOR SHOT
COLOR SHOT
CAPTION SHOT
IMAGE 01 - DESCRIPTION
IMAGE 02 - DESCRIPTION
IMAGE 03 - DESCRIPTION
These details will help you place items on the common page grid sustem. » the spacing between text is always 10 pxl
These details will help you place items on the common page grid sustem. » the spacing between text is always 10 pxl
These details will help you place items on the common page grid sustem. » the spacing between text is always 10 pxl
EXTERIOR SHOT
SUBJECT SHOT
OVER SHOT
IMAGE 04 - DESCRIPTION
IMAGE 05 - DESCRIPTION
IMAGE 06 - DESCRIPTION
These details will help you place items on the common page grid sustem. » the spacing between text is always 10 pxl
These details will help you place items on the common page grid sustem. » the spacing between text is always 10 pxl
These details will help you place items on the common page grid sustem. » the spacing between text is always 10 pxl
DOTSPACE | BRAND MANUAL _ 2017 / 2018
29
DOTSPACE
DOTSPACE | BRAND MANUAL _ 2017 / 2018
CONTACT
FOLLOW
— info@dotspace.com www.dotspace.com
— www.twitter.com /dotspace
Address Line One Address Line Two Placeholder City State/County ABC 1AB
www.behance.net /dotspace
30