View
30
Download
0
Category
Tags:
Preview:
DESCRIPTION
Brand Guidelines for Fueled, a leading mobile app design & development shop based in NYC, London, & Chicago.
Citation preview
5/21/2018 Fueled Brand Guidelines 2013
1/41
BRAND GUIDELINES
MARCH 11 2013
5/21/2018 Fueled Brand Guidelines 2013
2/41
WERE ALL BETTER,WHEN WERE FUELED.WERE ALL BETTER,
WHEN WERE FUELED.
5/21/2018 Fueled Brand Guidelines 2013
3/41
The Fueled positioning statement defineswho we are and what were about. It describesour brand values simply and to the point...
WERE A DEDICATED TEAM OF DEVELOPERS,
DESIGNERS AND STRATEGISTS, PASSIONATE ANDHIGHLY MOTATAVATED TO DELIVER CUTTING EDGEPRODUCTS FOR MOBILE AND WEB.
WE ARE FUELED.
FUELEDBrand Guidelines1.1 Positioning Statement
WE ARE FUELED.
5/21/2018 Fueled Brand Guidelines 2013
4/41
1.0 BRAND TOOLKIT PG
1.1 Positioning Statement 04
1.2 Our Brand Personality 051.3 Our Tone of Voice 06
1.4 Our Brand Marque 08
1.5 Our Logotype 09
1.6 Using Our Marque 10
1.7 Our Brand Emblem 11
1.8 Using our Emblem 12
1.9 Exclusion Zone & Minimum Sizes 13
1.10 Placement & Positioning 14
1.11 Our Colour Palette 15
1.12 Our Font Families 16
1.13 Typesetting Guidelines 18
1.14 How to use our Fonts 20
1.15 Supporting Graphics 22
2.0 BRAND APPLICATION PG
2.1 Letterhead Template 27
2.2 Continuation Page Template 282.3 Business Card Template 29
2.4 Feature Set Document Template 30
2.5 Contract Template 31
2.6 Presentation Templates 32
- Covers
- Branding
- iPhone
- iPad
- Web
- Blueprint
2.7 Deck Templates 38
2.8 E-mail Signature 40
Communicating the spirit of our brandand clarifying our values and personality
is critical. Please take the time to readand understand how they work, and howthey can be used together to create afresh and dynamic brand identity thatappears correctly and consistently in allcommunications, media and literature.
FUELEDBrand GuidelinesDocument Contents
OUR BRAND IDENTITY PROJECTS WHO WEARE, WHAT WE DO AND HOW WE DO IT.OUR BRAND IDENTITY PROJECTS WHO WEARE, WHAT WE DO AND HOW WE DO IT.
5/21/2018 Fueled Brand Guidelines 2013
5/41
Consistency is essential, if thevisual elements of our brand are
used erratically or if the tone ofvoice used when our brand speaksvaries without good reason, ouraudience could become confused.
It looks careless and doesntreflect our commitment to quality,
so its essential that our brandlooks, feels and sounds the samewherever it is encountered.
A STRONG BRAND, COMMUNICATED CONSISTENTLY
AT EVERY OPPORTUNITY, IS CRITICAL TO THE
SUCCESS OF OUR ORGANISATION.
1.01.0
5/21/2018 Fueled Brand Guidelines 2013
6/41
INNOVATIVEPROGRESSIVE
PASSIONATE
Break the mold, look to push boundaries and be at the headof our field. We must go beyond what is asked and alwaysdeliver solutions that are advanced, forward-looking, modern
and ground-breaking - exceeding expectations.
Look to improve how we work and the processes we follow.Look to move forward instead of staying where we are.We should always employ or advocate more enlightened orliberal ideas, new or experimental methods that may benefitthe business or product.
Eat, sleep, breathe... love what we do. We should always lookto improve ourselves and raise the bar at every occasion.
Have a want to be the best and dont let anything stand inour way.
FUELEDBrand Guidelines1.2 Brand Personality
The Fueled brand personality is an expression of our values,they are at the heart of everything we do and should runconsistently through all of our communications.
5/21/2018 Fueled Brand Guidelines 2013
7/41
DYNAMICEXPERIENCEINSIGHTFULPOSITIVE
The Fueled brand personality is expressed througha particular tone of voice, if we use these qualities inevery communication our brand will speak for itself...
FUELEDBrand Guidelines1.3 Tone of Voice
The type of language we use will directly influence how weare perceived. Our language must be clean, crisp, bright andinventive. Our copy must have energy and vitality and neversound tired or cynical.
We must at all times stay consistent, intelligent and honest,we dont exaggerate or make wild claims. A consistent,professional tone will increase the trust of our industry andclients.
We are the specialists, offering our clients sound advice onall aspects of digital marketing, we should always talk withauthority without patronising the end user. Our languageshould be precise and to the point without the use ofindustry jargon - we must be understood by all.
We should always sound positive, fresh thinking with freshapproaches, to the industry and the work we create. Wemust feel like a business with energy, ideas, passion anddrive.
5/21/2018 Fueled Brand Guidelines 2013
8/41
Our brand marque has been developed to best
represent our mission, our beliefs and what westand for as a company.
It is bold, refined and established.It is never compromised.It stands out from the competition.It is at the forefront of all we do...
...It is Fueled.
The Fueled logotype is centrally positioned withinthe red block and scaled as shown. The logotypehas the same exclusion zones as the logo itself
(see exclusion zones & minimum sizes).The Red Box is a hugely important aspect ofour brand identity. It is used as a device to offera consistent method of displaying our logotypeand symbol.
FUELEDBrand Guidelines1.4 Our Brand Mark
5/21/2018 Fueled Brand Guidelines 2013
9/41
In the same vein as our Red Box, our logotype
has been created to define our brand personality.Standing as a consistent marque throughout ourbranded communications andgiving us stand outfrom our competitors.
We have refined the logotype from its original form(United Serif SemiExt - Bold) to create a logotypethat is not only refined and professional but uniqueto Fueled.
Changes made to the logotype were: decreasethe height of the serif on the letter L to make itconsistent with the other glyphs and adjusting the
kerning between each letter to balance the spacethroughout.
You should never use the typefaces defaultsettings to create the logotype. ONLY use thelogotype that is available from the brand toolkit.
FUELEDBrand Guidelines1.5 Our Logotype
5/21/2018 Fueled Brand Guidelines 2013
10/41
We like our marque just the way it is. So it should
be treat with respect at all times.The examples shown are to give an example of whatNOT TO DO, with the Fueled brand marque.
DO NOT...
Alter the ratio of the marque. Do notstretch or squash it in order to fit intoa given space.
DO NOT...
Simply use the logotype over any redbox. Do not alter the shape of The RedBox nor alter the spacing between theedge of the logotype and the outer edgeof The Red Box.
DO NOT...
Alter or use any other colour to presentThe Red Box other than the coloursspecified in this document.
Do not add a gradient to The Red Box.
DO NOT...
Replace the background coloursspecified in this document with anybackground image, and do not alter theopacity of the logo to present a semi-
transparent version.
DO NOT...
Use the marque in a rotated fashion onany form of communication.
DO NOT...
Use the logotype without The Red Boxor alter the presentation colour of thelogotype to anything other than thecolours specified in this document.
FUELEDBrand Guidelines1.6 Brand Mark Usage - What Not To Do
5/21/2018 Fueled Brand Guidelines 2013
11/41
We have created a secondary symbol to further
distinguish our brand. It will be used on media whenthe usage of the main logo is not appropriate. Thiscould include such cases as:
1. The space renders the main logofont illegible
2. A representation of our brand needsto be placed somewhere outsideThe Red Box (See below).
3. The brand needs to be animated.
The master variation should be used at all times
where possible.
EXCEPTION TO THE RULE
The exception to the rule is to allow the symbolto be used more freely across the board, by enablingit to be used outside of The Red Box
This should only be used on such cases where:
The Logo needs to be used within an animation.
The space where the Logo is being placed is too
small and not square. On certain stationery when the Logo is to be
used as an icon.
FUELEDBrand Guidelines1.7 Our Brand Emblem
5/21/2018 Fueled Brand Guidelines 2013
12/41
We like our symbol just the way it is. So it should
be treat with respect at all times.The examples shown below give an example of whatNOT TO DO, with the Fueled brand symbol.
DO NOT...
Alter the ratio of the symbol. Do notstretch or squash it in order to fit intoa given space.
DO NOT...
When using the symbol in the red box.Do not alter the shape of The Red Boxnor alter the spacing between the edgeof the symbol and the outer edge ofThe Red Box.
DO NOT...
Alter or use any other colour to presentThe Red Box other than the coloursspecified in this document.
Do not add a gradient to The Red Box.
DO NOT...
Replace the background coloursspecified in this document with anybackground image, and do not alter theopacity of the logo to present a semi-
transparent version.
DO NOT...
Use the symbol in a rotated fashion onany form of communication.
DO NOT...
Change the colour of the symbol otherthan the colours stated in thisdocument.
FUELEDBrand Guidelines1.8 Using Our Brand Emblem
5/21/2018 Fueled Brand Guidelines 2013
13/41
EXCLUSION ZONES
It is important that our marque is always legible, sowe need to keep it away from other elements on thepage.
To achieve this weve defined a minimum exclusionzone, the area is proportionately defined by theFueled Logotype when it is scaled to the width ofthe red block.
Please ensure that type, graphics or images do notencroach on this area.
MINIMUM AND MAXIMUM SIZES
The absolute minimum width for the master logo is25mm, 71 pixels. This is to maximise the legibilityand retain the quality on all communications. If youwish to use a marque below 25mm, please use thebrand symbol.
The brand symbol has a minimum size of 10mmand should never exceed this.
There is no maximum reproduction size to ourmarque or brand symbol.
FUELEDBrand Guidelines1.9 Exclusion Zones & Minimum Sizes
5/21/2018 Fueled Brand Guidelines 2013
14/41
We have certain rules for the placement of our
brand marques. These rules have been set toguarantee the consistent use of our marque as wellas the overall look of our documentation.
COVER ARTWORK
On all occasions the Fueled logo must sit centrallyon the cover of any documentation.
The size of the logo is calculated by the height ofthe document (landscape) and width (portrait). Thelogo must always be scaled to 33% or 1/3rd of the
overall height of the document.On portrait documents please use the widthof the document.
INNER LEAVES AND SINGLE PAGE DOCS
On any other page of a document the logo is scaledand must always appear to the top left hand cornerof the page. Please see templates for positioningand measurements.
BACK COVERAs a sign off we always use our brand symbol.This should be scaled to the same proportions asthe logo to the inner pages and positioned bottomleft of the back cover. Please see templates forpositioning and measurements.
FUELEDwebsite: http://fueled.comemail: hello@fueled.comphone: +1.800.962.4587
address: 568 Broadway, l |
FUELEDBrand Guidelines1.10 Placement & Positioning
5/21/2018 Fueled Brand Guidelines 2013
15/41
The brands core palette is simple and clear, with one
colour, Pantone 1805 supported by grey, off whiteblack and white.
Colours should be used in approximately theproportions shown to the right.
Our colour palette is clear, strong and dynamic,which is how we want people to think of our brand.
Because of different technical limitations of printand digital media, we have defined colourbreakdowns for on and off line use.
For printed material, Fueled white should be
substituted for white.
FUELED WHITERGB 245.245.241HEX #f5f5f1
FUELED LIGHT GREY - PANTONE 425 CRGB 65.65.65CMYK 64.56.56.33HEX #414141
FUELED DARK GREY - PANTONE NEUTRAL BLACK CRGB 22.22.22
CMYK 72.66.65.76HEX #161616
FUELED RED - PANTONE 1805 CRGB 174.0.0CMYK 21.100.100.15
HEX #AE0000
WHITERGB 255.255.255HEX #FFFFFF
FUELEDBrand Guidelines1.11 Our Color Palette
BLACKRGB 0.0.0HEX #000000
5/21/2018 Fueled Brand Guidelines 2013
16/41
FUELEDBrand Guidelines1.12 Our Font Family
TITLE FONTS
The typeface chosen for our brand font is UNITED.It is strong, industrial and masculine and reflectsour brand personality perfectly. It should be usedconsistently within all communications as it willbecome a unique asset to our brand.
It comes in a range of styles - sans, italic and serif,all with a host of different weights. This allowsus to use typography as a distinctive element ofour brand.
The use of UNITED typeface should only be present
in titles and sub titles and should be fomatted asall UPPERCASE.
Careful consideration should be always takenwhen different fonts are married together inany form of communication.
Due to the large variety of weights and facesavailable, we have selected two core weightshighlighted in red to use across our primary branddocumentation.
All other faces and weights can be used for
supportive artwork titles, related to but notformulating part of our core brand.
5/21/2018 Fueled Brand Guidelines 2013
17/41
FUELEDBrand Guidelines1.12 Our Font Family
SECONDARY FONTS
We have chosen a secondary font family to workalongside United. Nudista should be used in bodycopy and more formal material. They are to aid us inthe designing of our branded communications.
Nudista should always be formatted in Sentencecase.
Helvetica Neue should be used as a fallback fontwith Arial used as a Global fall back where we thinkappropriate.
FONT HIERARCHY
In order to keep our core brand aligned, we havechosen a fixed hierarchy for how our chosen fontfaces should be used. These can be seen oppositewith usages.
5/21/2018 Fueled Brand Guidelines 2013
18/41
FUELEDBrand Guidelines1.13 Typesetting
HEADERS
The way type is laid out plays a vital part incommunicating our brand. Information should bepresented clearly and be easy on the readers eye.the legibility of text should always be consideredon any form of work or communication.
For this reason, we recommend that body textis always displayed with high contrast to thebackground colour.
For maximum clarity of any text, please seethe rules to the right.
PRIMARY HEADERPrimary headers play an important role in our brand by providing a flexible element to ourcore type face. Primary headers can have a range of designed elements applied to furtherenhance the impact of the type.
Primary headers must use UNITED SANS COND BOLD in core documentation and be at least1:6 larger than related content. i.e. if content size is 20pt, Primary headers would be 120pt.
CONTENT HEADERContent headers are used in a similar manner to Primary headers, but play a more stable rolein the core brand. Offering less flexiblity in design options it should be used more commonlythroughout documentation.
Content headers must use UNITED SANS SEMI COND BOLD in core documentation and be atleast 1:1.25 larger than related content. i.e. if content size is 18pt, content headers would beat least 22.5pt. Content headers must not be larger than Primary Headers.
The line height ratio for Both Primary and Content headers is 1:1 with neutral letter-spacing(tracking) on all titles.
These settings should not be adjusted when presenting the brand content font alongside thebrand mark, or when referencing the company or brand in core documentation.
5/21/2018 Fueled Brand Guidelines 2013
19/41
FUELEDBrand Guidelines1.13 Typesetting
CONTENT
For this reason, we recommend that body textis always displayed with high contrast to thebackground colour and should only be presentedusing the Fueled brand color palette.
Within content, all copy should be ranged left orcenter, with short paragraphs. This makes it easierto read.
For maximum clarity of any text, please seethe rules to the right.
Content Subheaders - Subheaders are presented using Nudista Bold.
Sub headers should use the line height ratio 1:1.25, i.e. if the font sizeis 18pt, the line height should be 22.5pt. For web, always 4 digits morethan the font size, i.e. 16px font size should use a 20px line height.
Subheaders should always be at least 1:1.25 times larger than contentto distinguish it from bold content, but smaller than Content headers.
Content - Any given content should use the line height ratio 1:1.25, i.e. if the font size is 18pt,the line height should be 22.5pt. For web, always 4 digits more than the font size, i.e. 16pxfont size should use a 20px line height.
If the font is presented in a size smaller than 12pt, the line height remains at 15pt minimum.For all media, the minimum copy size for content should be 12pt.
BLOCKQUOTES - POSITIONED WITH INCOPY WITH A 1:1 LINE HEIGHT. COLOREDFUELED RED OR WHITE, LEFT ALIGNED IN
UNITED SANS ITALIC BOLDThese settings should not be adjusted when presenting the brand content font alongside thebrand mark, or when referencing the company or brand.
5/21/2018 Fueled Brand Guidelines 2013
20/41
We must consider the use of type when creating
any form of communication for Fueled, whether thatis a designed header or the layout in a corportedocument.
Although these example are only a guide we musttry and follow the rules as much as possible toguarantee consistency within our brand.
Body copy appears like thi . lDonec velit ligula, egestas i lmagna gravida gravida necconsequat. In et risus puru , ipurus. Nam hendrerit nequMauris dignissim, dui id ma i i
consequat tortor mi et me .
Nullam quis ipsum in diammalesuada aliquet. Duis co llipretium. Aliquam libero me ,dolor. In commodo laoreet i
QUOTATIONS APPEAR IN THIS FONT...IPSUM DOLOR SIT AMET, CONSECTETURADIPISCING ELIT CRAS SAGITTIS, LACUS
SED VENENATIS
CONTENT HEADERSub headers would appear like this
Body copy appears like this. dolor sit amet, consectetur adipiscing elit.Donec velit ligula, egestas id luctus ac, mattis a arcu. Maecenas ac est utmagna gravida gravida nec eget dolor. Morbi vulputate tellus a arcu suscipitconsequat. In et risus purus, vitae consectetur libero. Aliquam ut lectuspurus. Nam hendrerit neque eu nunc mollis vestibulum iaculis ante varius.Mauris dignissim, dui id mattis iaculis, tellus purus fermentum purus, et
consequat tortor mi et metus.
Nullam quis ipsum in diam tempor sagittis vitae eget tellus. Cras imperdietmalesuada aliquet. Duis convallis orci id mauris porttitor quis consectetur duipretium. Aliquam libero metus, fermentum ut euismod sit amet, eleifend vitaetincidunt sem.
[ United Sans Condensed - Medium ]
[ United Sans Italic Semi Cond - Bold ]
[ United Sans Semi Condensed - Bold ]
[ Nudista - Medium ]
FUELEDBrand Guidelines1.14 How to use our Font
[ Nudista - Bold ]
5/21/2018 Fueled Brand Guidelines 2013
21/41
FUELEDBrand Guidelines1.14 How to use our Font
FOR
SUPPORTING
DOCUMENTATION
THATDOESNOTFORMULATE
PART
OF
THE
FUELED
CORE
BRANDWECANBEMORELIBERALWITHOUR
SELECTIONOFTYPEFACE,COLOR
CHOICES
&APPLICATIONHAVESOMEFUNWITHIT!
CAN
COLORCOLOR
LIBERALFUELEDFUELED
5/21/2018 Fueled Brand Guidelines 2013
22/41
EXAMPLE SHAPESOur supporting assets are intended to bring furtheremphasis to text and imagery throughout ourbranded communications.
A number of different styles are available and canbe experimented with further to enhance the brand.
01. GRAPHICS TO HOUSE TEXT
The text assets can be used to highlight headers,used for buttons or bring focus to other brandedelements to create engaging and unique featuresfor our brand communications.
02. GRAPHICS TO HOUSE IMAGERY
Assets derived from the branded Red Box are tobe used to house vector imagery or to work withthe divider lines to create noticable breaks betweeninformation.
03. DIVIDING GRAPHICS
Our line graphics are to be used to create a visualdivide between information on all brandedcommunications. The weight of the stroke shouldbe linked to the strength of divide. A break betweenstories or a subtle break between text.
01.
02.
03.
B U T T O N
T I T L E
T I T L E
T I T L E
B U T T O N
FUELEDBrand Guidelines1.15 Supporting Graphics
B U T T O N
T I T L E
T I T L E
T I T L E
B U T T O N
C O P Y C O P Y
5/21/2018 Fueled Brand Guidelines 2013
23/41
PATTERNS
The supportive patterns are intended to be used inthe background of branded communications to bringdepth to the overall look and feel.
They can also be used to bring movement tographical shapes and text. The examples shown givean idea of how these patterns can be used.
FUELEDBrand Guidelines1.15 Supporting Graphics
5/21/2018 Fueled Brand Guidelines 2013
24/41
BOLD IMAGERY
The photography to compliment our brand has beenconsidered, and is mainly used on our website tovisually improve messaging and communicate keydifferentiators.
The photography treatment should always bethe same. Each shot should be passed through areduced sauration process, setting saturation to -65.
Then an 8px gaussian blur should be applied. Finallyindividual contrast should be adjusted to make any
overlapping copy legible.
Photography should only be used in unique caseswith the style shown used as a guide.
Text and Logo usage should always be consideredwhen used over imagery, with the legibilitydetermining the use of certain fonts.
FUELEDBrand Guidelines1.15 Supporting Graphics
O R I G I N A L - 6 5 S AT U R AT I O N 8 p x B L U R
5/21/2018 Fueled Brand Guidelines 2013
25/41
FUELEDBrand Guidelines1.15 Supporting Graphics
BRINGING IT TOGETHER
5/21/2018 Fueled Brand Guidelines 2013
26/41
2.0THE FOLLOWING SECTION SHOWS HOW THE
BRAND ELEMENTS CAN BE BROUGHT TOGETHER
TO CREATE A CONSISTENT AND EFFECTIVE SUITE
OF BRAND COMMUNICATIONS...
2.0
5/21/2018 Fueled Brand Guidelines 2013
27/41
Text should be set in 12pt Nudista Medium, and
always in black. The margins have been set to giveall information the space to breathe, making iteasier for the end user to find the informationthey require.
An InDesign template has been created for thedocument and can be found within the Fueled_Branding folder on Dropbox.
Document size:
US Letter: 215.9mm x 279.4mmUK A4: 210mm x 297mm
Mr Smith1 The Address LaneAddress TownAddress CityAddress StateNY 000000
Dear Mr Smith,
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt risus tortor, tempus e uismod
arcu. Nunc ut ipsum quis lorem posuere viverra. Vestibulum non nulla nisi, lacinia rhoncus magna.Proin malesuada viverra turpis nec dapibus. Maecenas mollis sollicitudin lobortis. Praesent elit neque,tempor nec pulvinar a, e lementum quis nibh. Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas.
Ut vel lectus vel massa porta volutpat. Mauris eu magna a mauris porta porta quis ac libero. Maecenasnon nisi justo. Ut volutpat lorem arcu, nec dapibus lorem. Duis ac nisl sit amet tortor eleifend dictum vel
sollicitudin lectus. Morbi dapibus accumsan sapien quis porttitor.
Proin pharetra gravida magna sit amet adipiscing. Vestibulum eleifend nisl sit amet ligula posuere eleifend.Ut scelerisque rhoncus tellus ac auctor. Suspendisse ac aliquet arcu. Praesent diam velit, euismod et
convallis id, tincidunt vitae tortor. Quisque sagittis, ligula sed imperdiet hendrerit, ante felis pharetra
ipsum, nec mollis odio quam non dolor. Nam condimentum luctus diam id interdum. Nulla vitae felis quam,
in venenatis turpis.
Maecenas tristique dui ut elit ultrices ut pellentesque mi convallis. Quisque mauris elit, malesuada vitae
cursus a, molestie vel tellus. Maecenas felis nisi, ornare sit amet tristique ut, consequat eget erat.
Vivamus at velit eget quam feugiat sollicitudin. Vestibulum tincidunt eleifend suscipit. Nullam sollicitudin
metus id magna gravida quistempus mauris sollicitudin.
Yours Sincerely,
Rameet Chawla
FUELED568 Broadway, 11th Flr | New York, NY 10012
web:http://fueled.comemail: hello@fueled.comphone:+1.800.962.4587
FUELEDBrand Guidelines2.1 Letterhead Template
5/21/2018 Fueled Brand Guidelines 2013
28/41
All superfluous detail is removed to ensure that the
continuation sheet can accommodate the maximumvolume of information.
An InDesign template has been created for thedocument and can be found within the Fueled_Branding folder on Dropbox.
Document size:
US Letter: 215.9mm x 279.4mmUK A4: 210mm x 297mm
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut velit diam, lacinia vel vulputate id, rutrum et orci.
Aliquam eu massa tortor. Donec cursus, elit eget convallis hendrerit, nunc lorem venenatis nibh, in sodales metus
metus eu ligula. Phasellus mauris ligula, laoreet sed euismod sit amet, pretium sit amet lectus. Nulla eget loremnisi, id convallis felis. Nunc venenatis orci quis orci cursus ullamcorper. Suspendisse quam enim, adipiscing eget
imperdiet nec, pulvinar in sem. Aenean in elit ac libero commodo hendrerit sed a est. Sed faucibus tellus at quam
imperdiet eleifend dapibus est ultrices. Praesent eget tellus eros.
Integer tempus cursus risus, in pharetra urna ultricies vel. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos himenaeos. Aliquam laoreet commodo lorem, eu blandit orci aliquet a. Integer
tempus aliquet lorem sit amet tempor. In libero libero, dictum id hendrerit in, auctor eget neque. Suspendissepotenti. Ut pellentesque pellentesque neque id viverra. Pellentesque dictum laoreet tortor adipiscing interdum.
Ut at nulla eget ipsum vehicula hendrerit nec eget magna. Aenean feugiat, sapien vitae pretium venenatis, urna
tortor venenatis lorem, in faucibus odio magna vel magna. Phasellus tincidunt ultrices tortor, mattis feugiat mi
bibendum volutpat. Suspendisse potenti. Nam lobortis, turpis et lacinia fermentum, est libero rutrum libero, eget
malesuada enim nisi ac lectus. Suspendisse ullamcorper tortor sagittis elit facilisis suscipit. Ut ac dolor diam, velcondimentum dolor. Aenean eu enim vel neque dapibus volutpat vel at nunc.
Vivamus sed dui arcu. Etiam aliquet r utrum sapien, sed tincidunt nisl vulputate vitae. Sed hendrerit, ipsum nec
consectetur rhoncus, mi purus cursus est, ac elementum lorem risus non justo. Aenean augue augue, pharetra
et tempus et, venenatis a arcu. Donec sit amet erat tortor. Phasellus at varius sem. Vivamus tempor consequatimperdiet. Morbi sed turpis lectus, eu tem pus lacus. Phasellus augue urna, aliquam non pulvinar sed, elementum
vitae justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec odio
orci, placerat id fringilla non, aliquet a diam. Sed aliquet sem vel libero ultrices pellentesque.
Pellentesque quis lacus augue, id pretium nisl. Suspendisse sed lorem lorem. Maecenas risus arcu, suscipit vitae
mollis nec, elementum eget urna. Sed euismod diam quis lacus lobortis eu ultricies eros accumsan. Sed quis dui
est. Aliquam rhoncus nunc at mi luctus ultrices. Suspendisse aliquet lectus eu nunc mollis condimentum semperleo ornare. Sed semper vehicula metus, non fringilla neque aliquet id. Nam condimentum posuere dolor, ut rutrum
sem egestas vel. Quisque accumsan fermentum ullamcorper. In eget venenatis erat. Donec eu justo nulla.
Fusce imperdiet tristique eleifend. Pellentesque diam magna, aliquam ut convallis eu, mollis at nisl. Quisque ligula
velit, tincidunt non pretium sit amet, ultrices ac quam. Phasellus malesuada, lorem consectetur condimentum
elementum, felis arcu condimentum nunc, eu sagittis purus leo nec augue. Aenean a elit felis, non tincidunt sem.
Ut malesuada enim in leo venenatis porta. Suspendisse eu nisl orci, at blandit turpis. Praesent suscipit velit lorem,eget eleifend velit. Suspendisse vehicula, arcu nec dignissim eleifend, justo quam faucibus mi, egestas luctus
sem odio vel libero. Nam et ante sed nisi auctor posuere. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus.
Yours Sincerely,
Rameet Chawla
FUELEDBrand Guidelines2.2 Continuation Page Template
5/21/2018 Fueled Brand Guidelines 2013
29/41
The business cards are double sided.
The cards are triplexed to give maximum durability,appearing layered to the naked eye.
The front displays the Fueled logotype, printed usinga white foil. The name and position of the individualand contact details appear to the reverse alsoprinted using a white foil.
An InDesign template has been created for thedocument and can be found within the Fueled_Branding folder on Dropbox.
Document size: 60mm x 60mm
FUELEDBrand Guidelines2.3 Business Card Template
RAMEET CHAWLAARCHITECT
mobile +1.212.571.4444
office +1.800.962.4587 x701
@rameet rameet@fueled.com http://fueled.com
5/21/2018 Fueled Brand Guidelines 2013
30/41
The areas of the feature set are clearly definedmaking it easier for the end user to find theinformation they require. The feature set takes onthe same layout as our letterhead, standardising alldocuments.
Text should be set in 12pt Nudista Medium, andalways in black for legibility purposes.
A Google Doc template has been created for thedocument and can be found within the Fueled |Brand Templates folder.
Document size: 215.9mm x 279.4mm
Client NameProject Title
Account ManagerAndrea Drabczyk
Date of Feature Set11 December 2011
Client KeyFueled Internal
Client Contactandrea@fueled.com
Project Scope & OverviewLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat, mauris id mattis fermentum, ipsum ante
hendrerit nisl, quis elementum urna ligula quis nibh. Donec lorem nisi, rutrum id semper vitae, faucibus vitae dolor.
Cras pulvinar lectus a turpis aliquam sit amet laoreet dolor auctor. Suspendisse feugiat ultricies quam nec congue.
Donec pulvinar consequat iaculis. Suspendisse potenti. In pellentesque, enim vel aliquet venenatis, ipsum enimmalesuada velit, et consectetur orci elit ut dui.
Maecenas accumsan dui sit amet nunc dapibus euismod. Suspendisse enim sem, rhoncus at venenatis pharetra,
ultrices a justo. Curabitur at nisl augue, et vehicula ipsum. Mauris pretium metus eget libero scelerisqueconsequat. Fusce convallis feugiat mattis. Maecenas tempus dui ut lectus cursus tincidunt. Nunc ante enim,
tempus eu pulvinar ut, tempor non purus. Integer massa nibh, vehicula eu convallis et, bibendum a dolor.
Action ItemsLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat, mauris id mattis fermentum, ipsum ante
hendrerit nisl, quis elementum urna ligula quis nibh. Donec lorem nisi, rutrum id semper vitae, faucibus vitae dolor.
Cras pulvinar lectus a turpis aliquam sit amet laoreet dolor auctor. Suspendisse feugiat ultricies quam nec congue.Donec pulvinar consequat iaculis. Suspendisse potenti. In pellentesque, enim vel aliquet venenatis, ipsum enim
malesuada velit, et consectetur orci elit ut dui.
Maecenas accumsan dui sit amet nunc dapibus euismod. Suspendisse enim sem, rhoncus at venenatis pharetra,
ultrices a justo. Curabitur at nisl augue, et vehicula ipsum. Mauris pretium metus eget libero scelerisque
consequat. Fusce convallis feugiat mattis. Maecenas tempus dui ut lectus cursus tincidunt. Nunc ante enim,
tempus eu pulvinar ut, tempor non purus. Integer massa nibh, vehicula eu convallis et, bibendum a dolor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat, mauris id mattis fermentum, ipsum antehendrerit nisl, quis elementum urna ligula quis nibh. Donec lorem nisi, rutrum id semper vitae, faucibus vitae dolor.
Cras pulvinar lectus a turpis aliquam sit amet laoreet dolor auctor. Suspendisse feugiat ultricies quam nec congue.
Donec pulvinar consequat iaculis. Suspendisse potenti. In pellentesque, enim vel aliquet venenatis, ipsum enim
malesuada velit, et consectetur orci elit ut dui.
Maecenas accumsan dui sit amet nunc dapibus euismod. Suspendisse enim sem, rhoncus at venenatis pharetra,
ultrices a justo. Curabitur at nisl augue, et vehicula ipsum. Mauris pretium metus eget libero scelerisqueconsequat. Fusce convallis feugiat mattis. Maecenas tempus dui ut lectus cursus tincidunt. Nunc ante enim,
tempus eu pulvinar ut, tempor non purus. Integer massa nibh, vehicula eu convallis et, bibendum a dolor.
FUELEDBrand Guidelines2.4 Feature Set Template
5/21/2018 Fueled Brand Guidelines 2013
31/41
The areas of the contract are clearly defined making it easier for the end userto find the information they require. The contract takes on the same layout asour brief and letterhead, standardising all documents.
Text should be set in 12pt Nudista Medium, and alwaysin black for legibility purposes.
An InDesign template has been created for the document and can be foundwithin the Fueled_Branding folder on Dropbox.
Document size: 215.9mm x 279.4mm
CLIENT NAMEProject Title
Prepared by Ryan Matzner
17 MAY 2012
DOCUMENTS AND/OR OTHER TERMS INCORPORATED IN THIS AGREEMENT
- Schedule A (Services/Charges)
- Schedule B (General Terms and Conditions)
GOVERNING LAW
State of New York
Note: For the avoidance of doubt, (i) this cover sheet and (ii) Schedule A hereto and (ii)
Schedule B hereto shall collectively constitute the Agreement as between the parties hereto.
Notwithstanding anything the contrary herein or otherwise, to the extent any term(s) in the
aforementioned documents conflict in any way, Schedule B hereto shall at all times govern
and prevail in such event.
AGREED AND ACKNOWLEDGED:
DESIGN VACANCY, LLC d/b/a FUELED
By: ____________________________
Name: ____________________________
Title: ____________________________
Date: ____________________________
CLIENT LEGAL COMPANY NAME
By: ____________________________
Name: ____________________________
Title: ____________________________
Date: ____________________________
Provider is hereunder engaged by Client to render and agrees toprovide the following services (the Services) and the deliverables
set forth in Section IV - 1. herein (the Deliverables).
FUELEDBrand Guidelines2.5 Contract / Proposal Template
CLIENT NAMEProject TitlePage Description
01
5/21/2018 Fueled Brand Guidelines 2013
32/41
FUELEDBrand Guidelines2.6 Presentation Template Covers
We have created a set of presentation templatecovers in order to offer some controlled variationto what we present to a client. The designer canchoose at the time the style they wish to presenttheir work in based on the type of client. It maybe more appropriate to present a more corporatestyle, or more of a fun creative style.
Only create presentation covers using the below4 options.
Do not use the photography option if the chosenphotograph conflicts with logo usage guidelines inthis document.
CLIENT NAMEProject Title
CLIENT NAME
Project Title
CLIENT NAME
Project TitleCLIENT NAME
Project Title
5/21/2018 Fueled Brand Guidelines 2013
33/41
The branding presentation document has beendesigned to maximise the visual impact of our work.
Pages should be set out as shown on the examplesbelow so the focus of the page is on the visuals ofour work.
An InDesign template has been created for thedocument and can be found within the Fueled_Branding folder on Dropbox.
Document size: 420mm x 297mm
CLIENT NAMEProject Title
FUELEDBrand Guidelines2.7 Branding Presentation Template
CLIENT NAMEProject TitlePage Description
5/21/2018 Fueled Brand Guidelines 2013
34/41
The iPhone presentation document has beendesigned to show the flow of UI designs as theywould appear in the App.
Pages should be set out as shown on the examplesto the right so the focus of the page is on thevisuals of our work.
An InDesign template has been created for thedocument and can be found within the Fueled_Branding folder on Dropbox. Assets can also befound in the folder for all phone images.
The template includes master pages set withdifferent flow lengths. So a document can be easilytailored to the job.
The asset PSDs make it easy to flip between blackand white phone models. Allowing you to tailor thephone to best suit the design of the interface.
Document size: (dependant on flow size) x 3376px
FUELEDBrand Guidelines2.7 iPhone Presentation Template
CLIENT NAMEProject TitleFlow Name
5/21/2018 Fueled Brand Guidelines 2013
35/41
The iPad presentation document has been designedto show the flow of UI designs as they would appearin the App.
Pages should be set out as shown on the examplesto the right so the focus of the page is on thevisuals of our work.
An InDesign template has been created for thedocument and can be found within the Fueled_Branding folder on Dropbox. Assets can also befound in the folder for all phone images.
The template includes master pages set withdifferent flow lengths. So a document can be easilytailored to the job.
Also, the asset PSDs make it easy to flip betweenblack and white tablet models. Allowing you to tailorthe tablet to best suit the design of the interface.
Document size: (dependant on flow size) x 4200px
FUELEDBrand Guidelines2.7 iPad Presentation Template
CLIENT NAMEProject TitleFlow Name
5/21/2018 Fueled Brand Guidelines 2013
36/41
The Web presentation document has been designedto show the the full page of a site.
Pages should be set out as shown on the examplesto the right so the focus of the page is on thevisuals of our work.
An InDesign template has been created for thedocument and can be found within the Fueled_Brand folder on Dropbox.
Pages should be adjusted to the height of the webpage by using the Page tool. This allows us to tailoreach page to the full design and showcase it in itsfull entirety.
Document size: 420mm x (dependant on page size)
CLIENT NAME
Project Title
FUELEDBrand Guidelines2.7 Web Presentation Template
CLIENT NAME
Project TitleFlow Name
5/21/2018 Fueled Brand Guidelines 2013
37/41
The blueprint presentation document has beendesigned to effectively run the client through theUX part of a specific job.
As this document is the blueprint for either amobile or web project a background texture hasbeen added to reflect this.
An InDesign template has been created for thedocument and can be found within the Fueled_Branding folder on Dropbox.
Pages should be adjusted to the height of the webpage by using the Page tool. This allows us to tailoreach page to the full design and showcase it in itsfull entirety.
Document size:420mm x (dependant on page size)
CLIENT NAME
Project Title
FUELEDBrand Guidelines2.7 Blueprint Presentation Template
CLIENT NAMEProject Title
Flow Name
5/21/2018 Fueled Brand Guidelines 2013
38/41
As you can see from the presenter examples westrive to visually showcase our work to its fullestpotential.
Designing complimentary backgrounds to enhancethe design is part and parcel of the overall designof the document.
Pages for the web deck should be adjusted to theheight of the web page by using the Page tool. Thisallows us to tailor each page to the full design andshowcase it in its full entirety.
Document size:420mm x 297mm
FUELEDBrand Guidelines2.8 Deck Template
CLIENT NAMEProject Title
Description
CLIENT NAMEProject Title
Description
5/21/2018 Fueled Brand Guidelines 2013
39/41
FUELEDBrand Guidelines2.8 Deck Template
CLIENT NAME
Project TitleDescription
CLIENT NAME
Project TitleFlow Name
5/21/2018 Fueled Brand Guidelines 2013
40/41
Each member of staff should set up their emailsignature as shown. This is to retain consistencyacross the whole company.
Details on how to set up your email signaturecan be found @ wiki.fueled.com
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat, mauris id mattis
fermentum, ipsum ante hendrerit nisl, quis elementum urna ligula quis nibh. Donec lorem
nisi, rutrum id semper vitae, faucibus vitae dolor.
Thanks.
FUELEDBrand Guidelines2.9 Email Signature
Rob Palmer
Lead Designer
Fueled
568 Broadway, 11th Flr | New York, NY 10012
o: +44(0)208.144.0052| m: +44(0)789.406.4350| fueled.com| @fueled| @branded07
Rob Palmer
Lead Designer
Fueled
568 Broadway, 11th Flr | New York, NY 10012
o: +44(0)208.144.0052| m: +44(0)789.406.4350| fueled.com| @fueled| @branded07
5/21/2018 Fueled Brand Guidelines 2013
41/41
FUELED
website: http://fueled.comemail: hello@fueled.comphone: +1.800.962.4587
Recommended