Fueled Brand Guidelines 2013

Embed Size (px)

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: [email protected]: +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: [email protected]:+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 [email protected] 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 [email protected]

    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: [email protected]: +1.800.962.4587