Nest Brand book (2013)

download Nest Brand book (2013)

of 58

Transcript of Nest Brand book (2013)

  • 8/18/2019 Nest Brand book (2013)

    1/58

    Brand HomeArticulating the spirit of Nest

  • 8/18/2019 Nest Brand book (2013)

    2/58

    Contents

    What matters to us 03In one slide 04Brand belief 05Brand manifesto 06Who we are for 07Our aspiration 08We are 09Our take on business 10Our take on design 11

    Our First Product 12Product Promise 14

    How We Talk 15Forthright Friendly 16Malcom Gladwell 18Friendly in Action 19 

    How We Look 20

    The Nest Logo 21Clear Space 22Logo Placement 23Core Brand Colors 24Supporting Color Palette 25Logo Color Usage 26Incorrect Logo Usage 27Iconography 28The Nest Curve 29Bringing It Together 30Typography 33Correspondence Templates 36Editorial Guidelines 38Photography 39Website

    Looking Ahead 41

  • 8/18/2019 Nest Brand book (2013)

    3/58

    Home has a roof to shield us,floors to keep us out of the mud,doors to lock or welcome.

    But what if home could do more?What if home could sense us? What

    if home could learn from us? Thenhome could anticipate our needs,and take care of us.

    Home could do good on our behalf.Home could teach us to live better,wiser. Home could become, insmall ways then big ones, a bitmore human.

    At Nest, we’re imaginingthe conscious home.

    Brand manifesto

  • 8/18/2019 Nest Brand book (2013)

    4/58

    What Matters

    To UsNest Brand Home01

  • 8/18/2019 Nest Brand book (2013)

    5/58

    What matters to us.Home and the people inside.

  • 8/18/2019 Nest Brand book (2013)

    6/58

    Brand belief The conscious home.

    In a Nutshell

    Product PromiseThe Nest LearningThermostat.

    Programs itself.Saves energy.

  • 8/18/2019 Nest Brand book (2013)

    7/58

    Brand architecture

    Our Focus ≥ Homeimplies comfort.

    Simpleintuitive, well-designed, holistic.

    Fascinated by the conscious home andrelentlessly curious about unlocking its potential

    Consciousaware, intelligent, adaptive, connected,

    conscientious, brilliant.

    Our products are ≥

    We are ≥

  • 8/18/2019 Nest Brand book (2013)

    8/58

    Our aspiration

    1  The personal passion of Nest team members is the fuel.2  Because we create things that human beings desire, but may be so deeply

    rooted they can’t express it.3  We approach things differently, because so many of the traditional ways to thing

    about the home simply don’t work.4  We draw on the latest technology, do some mighty hard engineering , and

    find elegant solves in order to make our solutions brilliantly easy for people, andunprecedentedly effective in their function.5  We are simplicity obsessed about everything we do.6  By “conscious home” we mean a home that senses, learns your patterns, and

    responds to make your environment more enjoyable, more joyful, more energyefficient, and whole lot simpler.

  • 8/18/2019 Nest Brand book (2013)

    9/58

    Who we are for

    Home is where we feel safe and com-fortable. And where our most importantmoments happen. It’s where we laugh,

    where we cry. Where we walk aroundbarefoot in our old jeans.Home is the only place where we cantruly be ourselves.

    We are for the 62 million “TargetGreens” who want a warm and wel-coming space. At home, they surroundthemselves with people that makethem happy and objects that delight.Their homes are an exercise in self-expression, incorporating a deliberate

    design aesthetic. They choose to definetheir passions & beliefs through theadoption and rejection of brands.

    Target Greens want quality over quan-tity, desiring a return to craftsmanship,to thoughtful creation. They are fasci-nated by technology and optimistic thatinnovation can address pressing issuesof the day. They have high standards forform and function — clutter is some-thing they despise. They are allergic to

    cheaply made, bloated products.

    Most homeowners have green at-titudes, but don’t have the desire ormeans for green behavior. Putting a

    solar panel on your roof sounds great,but at $30,000…no thanks. “TargetGreens” want products that do good,are affordable (or pay for themselves ina short amount of time), don’t test theirpatience, help solve inherent problems,and delight.

    In short, we are for people that love theiPhone and have homes.

  • 8/18/2019 Nest Brand book (2013)

    10/58

    Our take on business

  • 8/18/2019 Nest Brand book (2013)

    11/58

    Our take on design

    Most engineers are overly eager tobolt on more bells, more whistles, justbecause they can. The end result: a

    whiz-bang gadget that is complicatedto use and unsure of its purpose.Great engineers think like greatsculptors: they take raw material andwork meticulously to remove whatis non-essential.

    Most designers pay too much attentionto form, and not to function. The end-result: eye-candy that doesn’t perform.Great designers wrap form aroundfunction so that it is beautiful to look

    at and intuitive to use.

    For cell phones, the paradigm shiftedwith the iPhone: it allowed peopleto enjoy a staggering amount oftechnology & features, because it wassimple, intuitive, and delightful to use.

    Developing great products requiresgreat engineers and great designers.It’s not about bells and whistles, notabout great design. It’s about being

    “designed” from the ground up. Being“designed” revolutionizes a product.

    “Designed” lies at the heart of Nest’sphilosophy. And we’re adding one moredifferentiating element to it:

    With current technologies, the humanlearning curve is steep — every timethere is a new product, you have tospend time and energy learning howto use it. At Nest, products learn you.You shouldn’t have to spend time andenergy understanding how a newgadget works. In fact, you shouldn’thave to do much at all. It should solveproblems for you, so that you havemore time for the things that matter.

  • 8/18/2019 Nest Brand book (2013)

    12/58

    We arePro-humanAudaciousRelentlessly FocusedNever SatisfiedHands-on Doers

    Inventive & IngeniousSimplicity-obsessedMass yet premiumAlways learningAuthentic

    We are notPolite CompromisersAcademic Lab CoatsJargonDo-goodersThe latest gadget

    Feature-packedSales guys

  • 8/18/2019 Nest Brand book (2013)

    13/58

    Our First Product

    Nest Brand Home02

  • 8/18/2019 Nest Brand book (2013)

    14/58

    We call itThe Nest Learning Thermostat.

  • 8/18/2019 Nest Brand book (2013)

    15/58

    Product promise The Nest Learning Thermostat.Programs itself. Saves energy.

  • 8/18/2019 Nest Brand book (2013)

    16/58

      In a few words

      Hip, modern, well educated,socially active, environmentallymindful homeowners.

      By the numbers• 62 Million

    • 30-50 years old, married (58%)• Homeowners, and 33% have kids at home• More female (57%)• Well educated and with above average income (>$61,400)• Average home size 3,000 sq. ft.

      Shopping  Do their research. Love a good bargain  Fry’s (49%), Home Depot (42%), Lowe’s (37%), BBY (32%)

      Attitudes and behaviors• Strong desire for uniqueness, expressed via fashion• Outgoing, socially active and likes to inuence others• Environmental responsibility & “cheap chic” a big part

    of their identity• Home should be an uncluttered environment for family• Open minded and seeking growth

      Media  NYT, The Atlantic, New Yorker, Consumer Reports,

    WSJ, Dwell, Oprah, Wired, Fast Company, Slate,

    Huffington Post, Salon

    Our core audience

  • 8/18/2019 Nest Brand book (2013)

    17/58

    Core insights

    42% 90% 70%Percentage of US homesthat have a programmablethermostat in 2008

    Percentage of programmablethermostat owners thatnever used them to set aspecific schedule

    Percentage of thermostatsin the United States thatare not programmed.

    Source: “Meir, Alan et al. “How People Actually Use Thermostats.”Lawrence Berkeley National Laboratory, 2010. PDF.”

  • 8/18/2019 Nest Brand book (2013)

    18/58

      Tech enthusiasts

    • Younger, male, higher income, loves buying& trying new experiences

    • Finds themselves wandering through Apple& BBY stores

    • Likes being among the 1st to try new techproducts to impress their friends

    • True Brown Related

    • Not willing to give up anything homeowners.

      HVAC installers

    • Family owned businesses, success builton multi-year personal relationships(distributors accounts & customers)

    • Few are truly trusted

    • Fragile industry (50% out of businesseach year)

    • Self taught, nonstandard training,

    tribal knowledge

    • Training and tech do not distinguish

    • Promote as “no surprises,” “reliable” and“operating history”

      Designers, architect

    • Arbiters of taste

    • Inuenced by industry trends and fashi

    • Range of aesthetic predispositions fromfunctional to frou-frou

    • Typically very client focused

    Key influencers

  • 8/18/2019 Nest Brand book (2013)

    19/58

    Nest LearningThermostat

    Thermostat

    Nest apps

    How we talk aboutour thermostat

    WhatPrograms itself.

    Saves energy.

    Comfort Schedule

    Nest Leaf

    Auto-Away

    Time-to-temperature

    HowSensors & Algorith

    Nest Sense

    Product promise& core feature set

     ≥ ≥

  • 8/18/2019 Nest Brand book (2013)

    20/58

    Messaging architecture

    Benefit Learning 

    Programs itself 

    Saves energy

     

    Connected 

    Internet-powered

     

    100 other details 

    Design 

    Saves energy 

    Easy to use

    Description 

    No complex programmingLearns your preferences On average, saves 20% on your energy billInforms, so that you can make good decisions

     

    Thermostat is connected to wi-fi and you have a Nestaccount...but you don’t have to be connected for it tolearn.

     

    Blends in to any home, Attention to detail 

    Uses all information to drive efficiency

    Packed with technology to make it simple

    Feature 

    Comfort ScheduleYour personalized schedule, based on youadjustments Nest LeafAppears when you’re saving energy.1° can save 4–6% Auto-AwayDetects when you’re away and turns systedown 

    Time-to-temperatureKnow how long it takes to make homecomfortable Pull in local weather, remote to thermostamanage settings afar, get software updatprivacy: safe & secure 

    Chameleon band, color screen,auto-backlight,...

    Weather-aware, night-mode,...

    Auto-changeover, jumper-less,...

    I want Reasons why I need

    The design itself.

    We don’t talk about thebeauty of it. We let itspeak for itself.

    We bring it to life inphotography and video.In video we make it feelalive and conscious.

    “If you want to do

    something serious aboutenergy conservation,start here.”

    The problem statementthat pulls thermostatsout of obscurity anddrives interest in Nest.

  • 8/18/2019 Nest Brand book (2013)

    21/58

    Problem

    Takes too long to understand

    Expensive How do I experience Nest? How does it work? 

    Will it work?

     

    Compatible?

    How do I install it?• break my HVAC• hurt me, my family

    How do I get started?

    Solution 

    But it’s simple to use Pays for itself Just live with it & it will create your schedule Sensors & algorithms:• Nest Sense 

    Proof

    Works with most any home & HVAC system

     Simple install

    Simple configuration

    Feature 

    Just turn the ring and let Nest do the rest Multiple energy-saving features

    Nest adapts

    Learning:• Comfort schedule, Nest Leaf, Auto-Away,• Time-to-temperature 

    Social media, team pedigree, white papers,

    privacy & security

    Auto-wire detection & HVAC configuration,Multiple thermostat coordination,Automatic software updates Everything you need: Screwdriver, Wireconnectors, Bubble level, Better with wi-fi,maybe need paint, perhaps an installer

    Interview, intuitive UICustomer support

    Messaging architecture

    What I question

    H lk b N

  • 8/18/2019 Nest Brand book (2013)

    22/58

    How we talk about Nest

    Compact Story

    Image (Cool!)

    What is it?Learning ThermostatPrograms ItselfSaves Energy

    Sounds complicated...It’s not. Simply turn the ring toturn the temperature up or down.

    Do I need one?50% of residential energy billFew programmed to save anyenergy.

    Problem Statement:

    Let’s stop wasting energy —Ordinary home thermostatsmanage 10% of all energyconsumed in the US — that’s 70million barrels of oil — each year.

    Call-To-ActionIf you want to do something seriousabout energy conservation, start here:nest.com or visit [retail partner]

    Core story

    How does it learn?Nest Sense: Sensors & Algorithms

    Why does it learn?Comfort schedule: Learns yourpreferences. Sets personalizedschedule.Leaf: informs, 1 degree = 4–6%savings, Auto-Away: doesn’t heat/cool empty homes, Time-to-Temp:informs, run your HVAC no longerthan you need to

    Saving energy is important.Why we made it, Nest blog

    Is there an app for it?

    Connected• web & smartphone app• remote access to thermostat• get info and adjust schedule

    100 Other detailsChameleon, auto-backlight, lens,color, metal ring, no click

    Call-To-ActionFind out what it’s like having one:nest.com/reviews or visit [retail partner]

    Extended Story

    Does this work?Field Trial and post-GA

    testimonials, reviews,comments, tweets

    What else can it do?Energy Partner: Charts, Info-snacksWeather aware: better comfort& conservationSoftware updates: future-proof

    Does it work in my home?Works with most any home’s HVAC• single stage heat/cool• heat pump with AuxMultiple thermostats

    Multiple homes

    How do I get it on my wall?Designed for DIYInstallers near you

    What’s involved getting started?Connecting to wi-fi is easyAn easy interview and you’re off...

    Call-To-ActionBut really, how do I get it on my wall? ≥nest.com/support or visit [retail partner]

    Deep Dive

    How do I install it?We’ve thought of everything

    Screwdriver, bubble level,connectors, trim-plates, auto-configuration. no C-wireYou may need touch-up paint.

    The real install experience?Check out our Support section:FAQs, self-help videos, call one ofour agentsYou can’t break your systemYou can’t hurt yourself

    But, does it really work?Tech specs, Testimonials,reviews, comments, tweets

    Team background, White papers(Privacy: Safe & Secure),Nest blog

    What’s it really like living with it?Deep dive into ‘Living with Nest’& ‘Why we made it’

    It’s $249...is it worth it?It pays for itself given the monthlysavings, Programs itself. Pays for

    itself.

    Call-To-ActionBuy it ≥ nest.com/store or visit [retailpartner]

    Return Visits

    I need help.Support on nest.com o

    What else can I do withDeep dive into Nest ap

    Are you a responsible cPrivacy policySERWarrantyEULATerms of Service

    Call-To-ActionTalk about your experiencerecommend Nest to your frnest.com/reviews or faceb

    Core benefitsand supporting

    proof / features

  • 8/18/2019 Nest Brand book (2013)

    23/58

    How we talk

    Nest Brand Home03

  • 8/18/2019 Nest Brand book (2013)

    24/58

    It is confident yetapproachable, expertyet human.

    We communicatecomplex ideas in clearplain language.

    We’re focused onthe end benefit, nottechnology.

    No geek speak.

    We lay out compellingfacts simply, then allowthe audience to reach

    their own conclusions.

    We speak to ouraudience as their peebut an expert peer.

    Our voice isforthright friendly.

    Our voice

    No overpromising.

    Malcom Gladwell writes like Nest

  • 8/18/2019 Nest Brand book (2013)

    25/58

    David’s victory over Goliath, in the Biblical account, is held to be an anomaly.It was not. Davids win all the time. The political scientist Ivan Arreguin-Toftrecently looked at every war fought in the past two hundred years between

    strong and weak combatants. The Goliaths, he found, won in 71.5 per cent ofthe cases. That is a remarkable fact. Arreguin-toft was analyzing conflicts inwhich one side was at least ten times as powerful—in terms of armed mightand population—as its opponent, and even in those lopsided contests theunderdog won almost a third of the time.

    from ‘How David Beats Goliath’, The New Yorker, May 11, 2009

    Malcom Gladwell writes like Nest

    Here, Gladwell unearths a counter-intuitive and unusual trend inhistory, and manages to do so with everyday language. He backshis story with facts and data. The rhythm he establishes in his

    writing — short, digestible sentences with a single thought ineach — is approachable and easy to understand.

    Imagine that I asked you to a play a very simple gambling game. In frontof you, are four decks of cards—two red and two blue. Each card in thosefour decks either wins you a sum of money or costs you some money, andyour job is to turn over cards from any of the decks, one at a time, in such a

    way that maximizes your winnings. What you don’t know at the beginning,however, is that the red decks are a minefield. The rewards are high, but

    when you lose on red, you lose a lot. You can really only win by takingcards from the blue decks, which offer a nice, steady diet of $50 and $100payoffs. The question is: how long will it take you to figure this out?

    from ‘Blink —The Power of Thinking Without Thinking’

    Another useful Gladwell technique is to use suggestions and

    questions to engage the audience. It draws the audience intoa state of active focus, priming them for the “aha!” moment —when Gladwell reveals scientific or statistical truths that refute

    conventional wisdom.

    Problem statement Problem description

  • 8/18/2019 Nest Brand book (2013)

    26/58

    Let’s stop wasting energy.

    Ordinary home thermostats manage 10% of allenergy consumed in the US — that’s 70 millionbarrels of oil — each year.

    The EPA estimates that 20% of that oil iswasted due to unnecessary heating and coolingor incorrectly programmed thermostats. In

    fact, the EPA recently eliminated Energy Starrebates for programmable thermostats, afterdetermining that they simply don’t save energy.

    So we set out to make a thermostat that couldavoid this waste by programming itself.

    Introducing the world’s first learning thermostat.

    Problem statement Problem description

    Your Energy PartnerIn most homes, heating and cooling are responsible for about 50%of the energy bill.

    The first learning thermostatOrdinary thermostats have to be told what to do. The NestLearning Thermostat learns from you and programs itself. You stay

    comfortable when you’re home and save energy when you’re away.

    Programs itselfNest learns your preferences with every temperature adjustment

    and activity sensors help save energy when you’re away.

    Saves energyWith Nest, you’ll discover new ways to conserve. When you’re savingenergy, a green leaf appears.

    SimpleRotate the outer ring to adjust the temperature. The black displayturns blue when cooling and red when heating. Nest’s chameleon

    design blends in, reflecting the color of your wall.

  • 8/18/2019 Nest Brand book (2013)

    27/58

    The Nest logo

  • 8/18/2019 Nest Brand book (2013)

    28/58

    The Nest logo

    The Nest logo is bold, simple,and unified. Its all lower-casetreatment and curved geometric

    forms convey a sense ofinformality and friendliness.

    The logotype is comprisedof customized typography,with each letterform beingconstructed using circles. Theletterforms have also beenmodified to create links betweenthe letters. This gives the logo asense of flow.

    Its simplicity allows it to bereproduced at many sizes inall media.

    Wherever a Trade Mark (TM)symbol is required, the logoshown on the right should beused. The scale of the TM shouldnot be altered.

    Filename:nest_logo_trademark_pantone.eps

    A small scale logo has beencreated for use when printed onproduct. In this version, extraspace is given between thecharacters so they don’t collide.

    The small-scale logo should beused when the width of the logois less than 0.5 inches — forinstance, when the logo appears

    on the product.

    Please do not use this logo forany application other than on theproduct design.

    Filename:nest_logo_small scale use_pantone.eps

    Detail shows spacingbetween letters.

    0.5 inches

    Clear space

  • 8/18/2019 Nest Brand book (2013)

    29/58

    The x-height of the logo functionsas a way to generate a clear spacearound the mark.

    Proximity to typography andsupporting copy.

    When using the Nest logo in ahorizontal ‘lock-up’ with productcopy, the distance between the logoand text should be at least equal tothe x-height of the logo.

    When stacking the logo withtypography, or as a header toa block of text, the distancebetween the bottom of the logoand the text should be equal tothe width of the ‘s’ in the logo.

    x-height

    x-height

    x-height

    x-height

    x-height

    Clear space

    x-height

    s

    s

    To protect the clarity andvisual integrity of the logo,it has a clear space zone.

    Logo placement

  • 8/18/2019 Nest Brand book (2013)

    30/58

    Logo placement

    The Nest logo looks best when placedin the left corner of whatever formatis being used. As a general guide, thedistance from the left edge and top oflogo should match the ‘x’ height of thelogo as outlined on the previous page.

    If left corner alignment cannot beused, the logo can be positionedin the right corner of whateverformat is being used.

    Primary logo placement Secondary logo placement

    When a corner placement of thelogo looks unbalanced (on largeformats, for example), the Nestlogo can be placed one-third of theway down from the top on eitherthe left, or right edge.

    Additional logo placement –Portrait

    1/3

    Additional logo placement – Landscape

    1/3

    Distanceto edge

    width of s=

    On small formats (such as abusiness card) the distancearound the Nest logo hasbeen reduced to allow forit to look visually balanced,and for it to appear tuckedinto the corner. In this case,the distance between Nestand the edge is equal to thewidth of the ‘s’ in the logo.

    To protect the clarity andvisual integrity of the logo,it has a clear space zone.

    Core brand colors

  • 8/18/2019 Nest Brand book (2013)

    31/58

    Core brand colors

    Pantone 7544 is the primary logocolor. We call it Nest Gray.

    Pantone 638 is the secondarybrand color. We call it Sky Blue.

    White space is an importantelement to consider when usin

    color and graphic elements in Ndesign deliverables. It should bpredominant tone in any layoutencourages the design to feel lispacious, and uncluttered.

    Pantone 7544 C is the primarylogo color.

    It should always be used whenprinting the logo onto gloss, silk,matte, or dull coated paper, orwhen replicating the logo on aphysical form (ie. plastic)

    Please note:Since there is a significant colordifference when printing ontouncoated paper,

    Pantone 7545 U should always

    be used when printing ontouncoated paper.

    Pantone 638 C is the supportingbrand color. We call it Sky Blue.This is used as an accent colorthroughout the Nest brand — Forexample, text headers and webrollover navigation elements mayappear in Sky Blue.

    For Print

    Coated PMS 7544C

    C 33M 14Y 11K 31

    Uncoated 7545U

    C 58M 43

    Y 35K 0

    For Screen

    R 123G 133

    For Print

    Coated

    C 89M 0Y 7K 0

    Uncoated

    C 60M 0Y 11K 0

    For Screen

    R 0G 175B 216

    HTML00AFD8

    Supporting color palette

  • 8/18/2019 Nest Brand book (2013)

    32/58

    Extended Color Palette User Interface Palette

    HTML 0041E2 Cooling colo

    For screen

    R 0G 65B 226

    HTML0041E2

    For Print

    Coated paper:Pantone 2728 C

    C 100M 66Y 0

    K 0

    Uncoated paper:Not recommended

    The red/blue colors in thermostat’suser interface should not be usedin brand marketing communication,

    but can be used in print whenrepresenting the UI in photography.

    Pantone 1375

    For PrintCoated paper:

    C 0M 45Y 95K 0

    Uncoated paper:

    C 0M 36Y 87K 0

    For screen

    R 255

    G 160B 47

    HTMLFFA02F

    HTML E74400 Heating color 

    For screen

    R 231G 68B 0

    HTMLE74400

    For Print

    Coated paper:Pantone 1665 C

    C 0M 68Y 90

    K 0

    Uncoated paper:Not recommended

    Pantone 7541 C

    For Print

    Coated paper:

    C 10M 3Y 2K 2

    Uncoated paper:

    C 7M 1Y 3K 0

    For screen

    R 224G 230B 230

    HTMLE0E6E6

    Pantone 7487 C

    For screen

    R 153G 224B 113

    HTML99E071

    Pantone 7488 C (for Nest leaf)

    For Print

    Coated paper:

    C 53M 0Y 80K 0

    Uncoated paper:

    C 43M 0Y 60K 0

    For screen

    R 61G 239B 45

    HTML3DEF2D

    Supporting color palette

    Logo color usage

  • 8/18/2019 Nest Brand book (2013)

    33/58

    When placing the Nest logo on a

    photographic image, considerationshould be given to the area itinhabits, i.e. — It should haveappropriate space around it.Consideration should also begiven to the logo’s contrast againstthe background color.

    A gray (or black) logo can be usedon light backgrounds, while awhite logo should appear on darkbackgrounds.

    Use of logo on photographySingle color versions can be usedfor black and white applications(Fax, Newspaper)

    Color versions to be usedaccross most applications.

    PMS 8744

    on white

    100% Black logo

    PMS 8744 on15% tint

    60% Black logo

    White on 60% BlackWhite onPMS 8744

    White onBlack

    White on Blue (mainlyfor use in UserInterface)

    g g

    Incorrect logo use

  • 8/18/2019 Nest Brand book (2013)

    34/58

    g

    To maintain the integrity of theNest logo, and to promote theconsistency of the brand, it isimportant to use the logo asdescribed in these guidelines.

    Do not use vertical Do not use low contrast

    Do not use black on gray background Do not use black on color background Do not use over a busy imaDo not outline

    Do not create a pattern with the logo

    Do not thicken the logo

    Do not use angled

    Do not stretch the logo

    Do not clutter the logo with typography

    GradientLogo on pattern

    Learning Thermostat

    Do not use random colors

    We’ve included a few examples ofhow the corporate Nest logoshould not be used.

    Iconography

  • 8/18/2019 Nest Brand book (2013)

    35/58

    g p y

    The Home

    The home is at the center of Nest’smission, so we developed an iconto represent the “conscious home”across all media.

    Since the “N” of Nest is borrowedto represent the home’s door, donot use the Nest Home in closeproximity to the Nest logo, to avoidrepetition of branding.

    Always seek Nest’s marketingapproval if you tailor a version of

    the door to your specific needs.

    The Leaf

    On the product, the leaf appearswhen the user chooses atemperature that balances theircomfort with energy conservation.

    It is a reward for behavior in theconscious home. The leaf can beused outside the product and inmarketing materials as long as itsmeaning is not diluted.

    Only use one leaf per marketingpiece (for example, in the packaging

    or on a point-of-sale display) as ashort hand for energy conservationor to visually indicate the energy-saving features of the product.

    Iconography

  • 8/18/2019 Nest Brand book (2013)

    36/58

    g p y

    Remote AccessMobile App

    Time to temp

    Light Sensors

    Wi-fi

    Time to temperature

    Nest Sense

    Learn More

    Support

    Switchover

    Gift

    Troubleshooting

    Energy HistoryAuto-away

    Concierge Service Using

    Additional Symbols

    Symbols are sometimes neededto provide visual support to anidea or a technical insight.

    Use universally recognizedpictograms as much as possible.Icons should be simple, graphic,and with a flat appearance.They should not containperspective, shading, bevels andglossy effects. Keep detail to aminimum so the icons can beused at small scale.

    Most icons should be in NestGrey. A 50% tint of Nest Gray canbe used on icons if needed.Any additional colors should

    only be used when needed forexample, red and blue to denotetemperature. The over use ofcolor cancreate a clashing setof icons.

    Always strive for the minimumnumber of elements, oraccompany the symbols withexplanatory verbage.

    The Nest curve

  • 8/18/2019 Nest Brand book (2013)

    37/58

    The Nest curve changesdepending on the width of therectangle it is being applied to.

    In order to determine the correctradius of curve in relation to therectangle it is applied to, a simplerule can be followed.

    Scale the Nest logo to the widthof the rectangle you are applyingthe curve to.

    Apply the same radius from the nof the Nest logo, to the upper leftcorner of the rectangle.

    To bring life to graphic layouts andextend the Nest design language,we use a simple curved geometricshape. We call this the Nest curve.

    The Nest curve can exist as awhite area to hold typographicinformation, a full tone to be usedas a background, or as a shape tohold photography within.

    The Nest curve should not be overused. It should generally only beused once or twice in a singledesign layout.

    It is not there as a decorativedesign element but to support andcompliment the simple designlanguage of Nest.

    If using the Nest logowithin the Nest curve, thelogo should be positionedaway from the curve andnot tucked into it.

    The Nest logo should be scaledleft edge of the n to the rightedge of the t crossbar with thewidth of the rectangle.

    The rectangle with theNest curve applied.

    Typography

  • 8/18/2019 Nest Brand book (2013)

    38/58

    Akkurat RegularabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 £&@?!/+(.,:;)

    Akkurat BoldabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ 

    1234567890 £&@?!/+(.,:;)

    Our typographic style contributes toour distinctive modernist aesthetic.Akkurat is the typeface usedthroughout all Nest communications.

    Clean, contemporary and legible, weuse it in two weights.

      Typographic Styling• Nest typography is always ranged left.

    This provides the eye with a constantstarting point for each line, makingtext easier to read.

    • When setting ranged-left typography,it’s important to take the time tobalance the ragged edge of the text aseffectively as possible. This improvesthe legibility and neatness ofthe block of text.

    • Doub le spaces after periods shouldbe avoided.

    • Hyphenation s should generallybe avoided unless it is absolutelynecessary.

    • Line spacing (also called leading)refers to the spaces between linesof type.

    • Tracking is the adjustment of groupsof letters in a block of text. You canuse it to make text more openor dense. On Nest body text, thetracking is usually set less thandefault.

    • The examples shown on the followingpages are only a guide. They usevalues taken from Adobe packages,Apple Pages (word-processingfor Mac) and Microsoft Word (word-processing for Mac and PC)

    Akkurat Regular is the mainfont for use in all corporatecommunications and print media.

    Use Akkurat Bold for headlines indisplay advertising, posters, andto add emphasis.

    Your Energy PartnerIn most homes, heating andcooling are responsible for about40% of the energy bill. WithNest, you’ll know your usagehistory, see the time it takes toreach your set temperature, andeven learn how your home usesenergy.

    If you have Wi-Fi, you can alsouse your laptop, iPhone or iPadto monitor your home and adjustthe temperature – from acrossthe living room or across town.

    Programs itselfNest learns your preferences withevery temperature adjustment, andactivity sensors help save energywhen you’re away.

    Saves energyWith Nest, you’ll discover new waysto conserve. When you are savingenergy, a green leaf appears.

    SimpleRotate the outer ring to adjustthe temperature. The black displayturns blue when cooling and redwhen heating. Nest’s chameleondesign blends in, reflecting thecolor of your wall.

    Typography

  • 8/18/2019 Nest Brand book (2013)

    39/58

    Primary typeface typesetting guidesfor Adobe Programs

    Tracking(space between letters)

    Linespacing

    7.5pt/9ptAkkurat is Nest’s caption/details informationfont. The minimum type size when typesettingAkkkurat is 7.5pt with a 20% increase for theleading – 7.5pt/9pt. The face should not hyphenateand the tracking should be set to -25. Also the copyshould always be set to align left.

    9pt/11ptAkkurat is Nest’s caption/details informationfont. The minimum type size when typesettingAkkurat is 7.5pt with a 20% increase for theleading – 7.5pt/9pt. The face should nothyphenate and the tracking should be set to-25. Also the copy should always be set toalign left.

    10pt/12ptAkkurat is Nest’s body copy font. The standard body copysize when typesetting a letter in Akkurat is 10pt with a 20%increase for the leading – 10 pt/12pt. The face shouldnot hyphenate and the tracking should be set to -25. Also thecopy should always be set to align left.

    12pt/14ptAkkurat is Nest’s body copy font. When typesettingAkkurat use a 20% increase for the leading. Roundup or down to the nearest half point. The face shouldnot hyphenate and the tracking should be set to -25.Also the copy should always be set to align left.

    15pt/18ptAkkurat is the Nest’s body copy font.When typesetting Akkurat use a 20%increase for the leading. Round up

    or down to the nearest half point. The faceshould not hyphenate and the trackingshould be set to -25. Also the copy shouldalways be set to align left.  

    18pt/21.5ptAkkurat is Nest’s body copy font. When typesetting ua 20% increase for the leading. Round up or down to

    nearest half point. The face should not hyphenate anthe tracking should be set to -25. The copy should alwbe set to align left.

    20pt/24ptAkkurat is Nest’s body copy font. When typesetuse a 20% increase for the leading. Round upor down to the nearest half point. The face shouhyphenate and the tracking should be set to -2the copy should always be set to align left.

    Typography

  • 8/18/2019 Nest Brand book (2013)

    40/58

    Primary typeface typesetting guidesfor Pages, Keynote, and Word

    7.5pt type /1 linespacingAkkurat is Nest’s body/listings copy font. Whentypesetting, the line spacing should be 1.0. The typeshould not hyphenate and the tracking should be setto -3% on the character slider. Also the copy shouldalways be set to align left.

    9pt type /1 linespacingAkkurat is Nest’s body copy font. Whentypesetting, the line spacing should be 1.0.The type should not hyphenate and thetracking should be set to -3% on thecharacter slider. Also the copy shouldalways be set to align left.

    10pt type /1 linespacingAkkurat is Nest’s body/listings copy font. When typesettingAkkurat line spacing should be 0.8 for leading. The typeshould not hyphenate and the tracking should be set to -3%on the character slider. Also the copy should always be setto align left.

    12pt type /1 linespacingAkkurat is Nest’s body/listings copy font. Whentypesetting Akkurat line spacing should be 1.0 forleading. The type should not hyphenate and thetracking should be set to -3% on the character slider.Also the copy should always be set to align left.

    15pt type /1.1 linespacingAkkurat is Nest’s body/listings copy font.When typesetting Akkurat line spacingshould be 1.1 for leading. The type should

    not hyphenate and the tracking should beset to -3% on the character slider. Alsothe copy should always be set to align left.

    18pt type/1.2 linespacingAkkurat is Nest’s body copy font. When typesetting, line spacing should be 1.2. The type should not hyph

    and the tracking should be set to -3% on the charactslider. The copy should always be set to align left.

    20pt type/1.2 linespacingAkkurat is Nest’s body copy font. When typesetthe line spacing should be 1.2. The type should hyphenate and the tracking should be set to -3the character slider. Also the copy should alwaset to align left.

    Tracking(space between letters)

    Linespacing(space between linesof text)

    Bringing it all together. Hypothetical design examples.

  • 8/18/2019 Nest Brand book (2013)

    41/58

    Change your home,not your address.

    Homehasa rooftoshieldus,floorstokeepusoutofthemud,doorstolockor welcome.

    Butwhatif homecoulddomore?Whatifhome couldsenseus?Whatifhome couldlearnfromus?

    ThenHomecouldanticipateour needs.Homecouldcoulddogood onour behalf.Homecouldteachus tolive better,wiser.Homecouldbecome,insmallwaysthenbigones,a bitmorehuman.

    Let’sstopwastingenergy.Ordinaryhomethermostatsmanage10%ofallenergyconsumedintheUS– about70billionbarrelsofoil –each year.TheEPAestimatesthat20% ofthis energyiswasteddue toexcessiveheatingandcoolingorincorrectlyprogrammedthermostats.

    Wouldn’tit begreatif therewereathermostatthat couldlearnhowto avoidallthiswaste?

    Nest Learning Thermostat.Your life programs it.

    Product-centric poster Brand-centric poster

    Bringing it all together. Hypothetical design examples.

  • 8/18/2019 Nest Brand book (2013)

    42/58

    Let’sstopwastingenergy.Ordinaryhomethermostatsmanage10%ofallenergyconsumedintheUS– about70billionbarrelsofoil –each year.TheEPAestimatesthat20% ofthis energyiswasteddue toexcessiveheatingandcoolingorincorrectlyprogrammedthermostats.

    Wouldn’tit begreatif therewereathermostatthatcouldlearnhowto avoidallthiswaste?

    The Nest Learning Thermostat.From now on, this is a thermostat.

    Let’sstopwastingenergy.Ordinaryhomethermostatsmanage10%ofallenergyconsumedintheUS– about70billionbarrelsofoil –each year.TheEPAestimatesthat20% ofthis energyiswasteddue toexcessiveheatingandcoolingorincorrectlyprogrammedthermostats.

    Wouldn’tit begreatif therewereathermostatthatcouldlearnhow toavoidallthiswaste?

    Change your home,not your address.

    Packaging   • 100% recyclable, no plastic• Mixed materials: smooth white card/brown kraft• Restrained color palette

  • 8/18/2019 Nest Brand book (2013)

    43/58

    • Restrained color palette• Uncluttered design, product as hero

    Correspondencetemplates

  • 8/18/2019 Nest Brand book (2013)

    44/58

    .125’.5’

    .5’

    .4’

    1.75’1 .75’ 3.25’1 .125’

    1.5’

    1’

    5.75’ Crease/Fold

    templates

    .75’

    .5’

    5’

    7.75’

    MrJohnSmith

    340BryantStreetSuite205SanFranciscoCA94107USAAkkurat:10pton12pt

    03.05.2011Stationery—LetterheadDesignAkkuratBold:10pton12pt

    855El CaminoRealBuilding#4,Suite290PaloAlto,California94301

    Akkurat:9pton11pt

    [email protected] www.nestlabs.com

    DearSir,Loremipsumdolorsitamet,consecteturadipiscingelit.Duisornare,urnavariusfaucibusornare,antemetuseleifenddolor,acportanuncnisielementumorci.Phasellusa ipsumeros.Donecmattisnuncet urnafaucibusquislaoreetmagnaeleifend.Maecenasimperdietfaucibustellusvelplacerat.Nullamquisnisleuleofaucibusaccumsan.Etiamdignissim,nullaidsagittissemper,nislturpisblanditnibh,quisviverraerosrisussuscipitleo.Infermentumconvallisvulputate.Proinnecaccumsanquam.Craselitante,hendreritid feugiatnon,faucibusvitaerisus.Vestibulumma gn Oratturpis.Etiamcondimentumporttitorsapiensitametpellentesque.Nullameleifendbibendumturpis,utplaceratanteullamcorperid.Aeneaneunisivitaeelitluctuscursus.Proinnuncturpis,ornareetfacilisisin,volutpatsitametlibero.Proinveltellusuttellusvulputatedapibus.Donecconsectetureleifendpretium.Curabituriaculisdapibusmattis.Proineucongueest.In nonfeliset turpisdictummalesuada.Vestibulumeratdui,cursusfacilisisrutrumeget,posuerequisnisi.Aliquamtempornequenibh,atlaoreetipsum.Vivamusadipis

    BestRegards,NestAkkurat:10pton 12pt

    Loremipsumdolorsitamet,consecteturadipiscingelit.Duisornare,urnavariusfaucibusornare,antemetuseleifenddolor,acportanuncnisielementumorci.Phasellusa ipsumeros.Donecmattisnunceturnafaucibusquislaoreetmagnaeleifend.Maecenasimperdietfaucibustellusvelplacerat.Nullamquisnisleuleofaucibusaccumsan.Etiamdignissim,nullaidsagittissemper,nislturpisblanditnibh,quisviverraerosrisussuscipitleo.Infermentumconvallisvulputate.Proinnecaccumsanquam.Craselitante,hendreritidfeugiatnon,faucibusvitaerisus.Vestibulumma gn Oratturpis.Etiamcondimentumporttitorsapiensitametpellentesque.Nullameleifendbibendumturpis,utplaceratanteullamcorperid.Aeneaneunisivitaeelitluctuscursus.Proinnuncturpis,ornareetfacilisisin,volutpatsitametlibero.Proinveltellusuttellusvulputatedapibus.Donecconsectetureleifendpretium.Curabituriaculisdapibusmattis.Proineucongueest.In nonfelisetturpisdictummalesuada.Vestibulumeratdui,cursusfacilisisrutrumeget,posuerequisnisi.Aliquamtempornequenibh,atlaoreetipsum.Vivamusadipis

    BestRegards,NestAkkurat:10pton12pt

    Letterhead templateEnvelope template Continuation page template

    855El CaminoRealBuilding#4,Suite290PaloAlto,California94301

    [email protected] www.nestlabs.com

    AveryLabel2”x4”

    John Smith340 Bryant Street,Suite 205San FranciscoCalifornia 94107

    AkkuratRegular:14pton 16pt

    Correspondencetemplates cont

  • 8/18/2019 Nest Brand book (2013)

    45/58

    855El CaminoRealBuilding#4,Suite290PaloAlto,California94301

    Akkurat:9pton11pt

    [email protected] www.nestlabs.com

    FaxTo:Manual

    Attention:TomCrabtree

    FaxNumber:4159326369

    From:ErikCharlton

    Date:03.05.2011

    Ref:Stationery

    Noof Pages:1 of2

    Akkurat:10pton 12pt

    DearSir,Loremipsumdolorsitamet,consecteturadipiscingelit.Duisornare,urnavariusfaucibusornare,antemetuseleifenddolor,acportanuncnisielementumorci.Phasellusa ipsumeros.Donecmattisnuncet urnafaucibusquislaoreetmagnaeleifend.Maecenasimperdietfaucibustellusvelplacerat.Nullamquisnisleuleofaucibusaccumsan.Etiamdignissim,nullaidsagittissemper,nislturpisblanditnibh,quisviverraerosrisussuscipitleo.Infermentumconvallisvulputate.Proinnecaccumsanquam.Craselitante,hendreritid feugiatnon,faucibusvitaerisus.Vestibulumma gn Oratturpis.Etiamcondimentumporttitorsapiensitametpellentesque.Nullameleifendbibendumturpis,utplaceratanteullamcorperid.Aeneaneunisivitaeelitluctuscursus.Proinnuncturpis,ornareetfacilisisin,volutpatsitametlibero.Proinveltellusuttellusvulputatedapibus.Donecconsectetureleifendpretium.Curabituriaculisdapibusmattis.Proineucongueest.In nonfeliset turpisdictummalesuada.Vestibulumeratdui,cursusfacilisisrutrumeget,posuerequisnisi.Aliquamtempornequenibh,atlaoreetipsum.Vivamusadipis

    BestRegards,NestAkkurat:10pton 12pt

    .5’

    .4’

    1.5’

    .5’

    6.25’

    .125’.5’1 .75’ 1.75’3 .25’ 1.125’

    InvoiceBank:XXXXXXXXX

    WireTransfers:XXXXXX

    Paymentterms:Akkurat:10pton 12pt

    PaymentTerms:Paymentisduewithin30daysoftheclient’sreceiptofthedeliverables.Ifpaymentisoverdue,IhavetherighttostopallfurtherworkinconnectionwiththeworkdescribedintheproposalandanyotherrelatedorunrelatedworkorservicesImaybeperformingforyou,and/orchargeinterestat8%perannum.Akkurat:5pton6pt

    InvoiceNo_ 01234

    IssueDate 03.05.2011

    DueDate 03.05.2011

    To

    AccountsManual340Bryant StreetSuite205SanFranciscoCA94107 USAAkkurat:10pt on12pt

    Descriptionof services: Akkurat:7.5pt

    XXAkkurat:10pt on12pt

    Expenses: $000,000

    Deliverables: Cost inUSD:

    Line 1 $000,000Line 2 $000,000Line 3 $000,000Line 4 $000,000

    Subtotal $000,000

    VAT (17.5%) $000,000

    Total $000,000

    855ElCaminoRealBuilding#4,Suite290PaloAlto,California94301

    Akkurat:9pton11pt

    [email protected] www.nestlabs.com

    .5’

    .4’

    1.5’

    .5’

    6.25’

    .1 25 ’.5’1 .75’ 1.75’3 .25’ 1.125 ’

    .5’

    .4’

    1.5’

    .7’

    6.05’

    Press Release Akkurat Bold: 24pt

    Nest Launches Learning Thermostat.Akkurat Regular: 18pt on 22pt OnJune1st,2011,Lorem ipsumdolorsitamet,consecteturadipiscingelit.Duisornare,urnavariusfaucibusornare,antemetuseleifenddolor,acportanuncnisielementumorci.Phasellusa ipsumeros.Donecmattisnuncet urnafaucibusquislaoreetmagnaeleifend.Maecenasimperdietfaucibustellusvelplacerat.Nullamquisnisleu leofaucibusaccumsan.Etiamdignissim,nullaidsagittissemper,nislturpisblanditnibh,quisviverraerosrisus suscipitleo.Infermentumconval-lisvulputate.Proinnecaccumsanquam.Craselitante,hendreritidfeugiatnon,faucibusvitaerisus.Vestibulummagn.

     Oratturpis.Etiamcondimentumporttitorsapiensitametpellentesque.Nullameleifendbibendumturpis,utplaceratanteullamcorperid.Aeneaneunisivitaeelitluctuscursus.Proinnuncturpis,ornareetfacilisisin,volutpatsitametlibero.Proinveltellusuttellusvulputatedapibus.Donecconsectetureleifendpretium.Curabituriaculisdapibusmattis.Proineucongueest.In nonfelisetturpisdictummalesuada.Vestibulumeratdui,cursusfacilisisrutrumeget,posuerequisnisi.Aliquamtempornequenibh,atlaoreetipsum.Vivamusadipis.

    Loremipsumdolorsitamet,consecteturadipiscingelit.Duisornare,urnavariusfaucibusornare,antemetuseleifenddolor,acportanuncnisielementumorci.Phasellusa ipsumeros.Donecmattisnunceturnafaucibusquislaoreetmagnaeleifend.Maecenasimperdietfaucibustellusvelplacerat.Nullamquisnisleuleofaucibusaccumsan.Etiamdignissim,nullaidsagittissemper,nislturpisblanditnibh,quisviverraerosrisussuscipitleo.Infermentumconvallisvulputate.Proinnecaccumsanquam.Craselitante,hendreritid feugiatnon,faucibusvitaerisus.Vestibulumma gn Akkurat:10pton12pt

    Date:03.05.2011

    Preparedfor:Wired

    Noof Pages:1 of2Akkurat:10pton 12pt

    855El CaminoRealBuilding#4,Suite290PaloAlto,California94301

    Akkurat:9pton11pt

    [email protected] www.nestlabs.com

    .125’.5’1 .75’ 1.75’3 .25’

    Fax template Invoice template Press release template

    templates cont.

    Email template Editorial guidelines

  • 8/18/2019 Nest Brand book (2013)

    46/58

    Email Template

    Dear Sir,

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ornare, urna varius faucibus ornare, ante metus eleif end dolor, ac porta

    nunc nisi elementum orci. Phasellus a ipsum eros. Donec mattis nunc et urna faucibus quis laoreet magna eleifend. Maecenas imperdiet

    faucibus tellus vel placerat. Nullam quis nisl eu leo faucibus accumsan.

     

    Or at turpis. Etiam condimentum porttitor sapien sit amet pellentesque. . Donec consectetur eleifend pretium. Curabitur iaculis dapibus

    mattis. Proin eu congue est. In non felis et turpis dictum malesuada. Vestibulum erat dui, cursus facilisis rutrum eget, posuere quis nisi.

    Aliquam tempor neque nibh, at laoreet ipsum. Vivamus adipis. Or at turpis. Etiam condimentum porttitor sapien sit amet pellentesque.

    . Donec consectetur eleifend pretium. Curabitur iaculis dapibus mattis. Proin eu congue est. In non felis et turpis dictum malesuada.

    Vestibulum erat dui, cursus facilisis rutrum eget, posuere quis nisi. Aliquam tempor neque nibh, at laoreet ipsum. Vivamus adipis

    Best Regards,

    Nest

    855ElCaminoReal

    Building#4,Suite290

    PaloAlto,California94301

    www.nestlabs.com

    JohnSmith

     AccountManager 

    4081234567

     [email protected]

    Thisemailandany attachmentstoitmaybe condentialandareintendedsolelyfor theuseof theindividualtowhoit isaddressed.Anyviewsoropinionsexpressedare

    solelythoseofthe authoranddonot necessarilyrepresentthoseof NestLabs.Ifyouarenotintendedrecipientofthis email,youmustneithertakeany actionbaseduponits

    contents,norcopyorshowit toanyone.Pleasecontactthesenderif youbelieveyouhavereceivedthisemailin error.

    From: John Smith

    Subject: Brand Guidelines

    Date: May 25, 2011 10:14AM GMT

    Cc:

    Address, Arial 9pt

    Disclaimer, Arial 7pt

    NestNest LabsNest Learning Thermostat

    This is a headline

    This Is A Headline

    Inorrect use of the companyname and product name.

    It is important to strive for consistency whenwriting about our new organization.

    Although the Nest logo appears in all lowercase,when referring to the company in body copy,

    capitalize as the word Nest.

    NESTnestNest learning thermostatNest Thermostatnest Learning Thermostatnest Thermostat

    nest learning thermostatnest thermostatNEST learning thermostatNEST thermostatNEST Learning ThermostatNEST ThermostatNEST LEARNING THERMOSNEST THERMOSTAT

    Correct use of the companyname and product name.

    Correct format for headlines.

    Incorrect format for headlines.

    Design Guidelines for web

  • 8/18/2019 Nest Brand book (2013)

    47/58

    Website color palette

    Used as panels and backgrpound colorsto distinguish key sections.

    Primarily used for graphics andaccent colors within inforgraphicsand iconography.

    For consistency, the majority of bodycopy throughout the site will be thiscolor value.

    HEX FFA02F

    R 075G030B 068

    HEX 8ADE77

    R138G222B119

    HEX 3D4247

    R062G067B071

    HEX 7B858E

    R123

    G 133B143

    HEX 8A9299

    R138

    G146B153

    HEX 00AFD8

    R000G175B216

    HEX ECF2F3

    R 236

    G 242B 243

    HEX DBE3E5

    R 219

    G 227B 229

    HEX 9DA6AE

    R 157

    G 167B 176

    The primary typographic header andlink color.

    Secondary colors to be used foraccents and rollovers.

    Typography for webPrimarytypefacetypesettingguides

  • 8/18/2019 Nest Brand book (2013)

    48/58

    Primary typeface typesetting guidesfor Website

    Large HeaderAkkurat Regular 28pt/32pt, ltr-sp = -2500Afd8

    Large Body TextFullerSansDT Regular 18pt/22pt8A9299

    Small HeaderFullerSansDT Bold 18pt/22pt00Afd8 or 7B858E

    Small Body TextFullerSansDT Regular 15pt/19pt8A9299

    Narrative Voice Header

    Akkurat Light 32pt/34pt, ltr-sp = -359DA6AE

    Chapter HeaderAkkurat Light 32pt/34pt, ltr-sp = -359DA6AE

    Additional Content HeaderFullerSansDT Bold 15pt/19pt7B858E

    Tout HeaderFullerSansDT Bold 15pt/19pt00Afd8

    Caption TextFullerSansDT Regular 13pt/17pt7B858E

    Text Style & Sizes Notes

    20px

    12px

    26px

    20px

    26px

    18px

    Headlines, Sub-heads, & Body Text

    Typography throughout the site is relativelystraightforward. Larger titles follow brandguidelines and are set to the typeface,

    “Akkurat”. Because “Akkurat” is not a websafetypeface, these titles are rendered as images(JPGs). All other typography is set to the WebFont “Fuller Sans”.

    Here are a few examples of how headers andbody text are being treated.

    Filename:nest_typography.psd

    21px

    Typography for webPrimarytypefacetypesettingguides

  • 8/18/2019 Nest Brand book (2013)

    49/58

    Primary typeface typesetting guidesfor Website

    Text Style & Sizes

    Additional Background Colors

    Notes

    Quote TextGeorgia Italic 16Pt/18pt7B858e

    Quoted NameFullerSansDT Bold 13pt/19pt8A9299

    Quoted TitleFullerSansDT Regular 13pt/19pt8A9299

    Large HeaderAkkurat Regular, 28pt/32pt, ltr-sp = -25

    00Afd8

    Large Body TextFuller Sans DT Regular, 18pt/22pt8A9299

    Small HeaderFuller Sans DT Bold, 18pt/22pt00Afd8 or 7B858E

    Small Body TextFuller Sans DT Regular, 15pt/19pt8A9299

    To help break-up pacing of content downthe page, there are times when a lightblue or medium blue background panel

    can be used. Typography color and sizingwill be the same as it is on white.

    *There’s additional quote circlesthat can be used randomly with anycomment or quotation.

    Light BGECF2F3

    Medium BGDBE3E5

    14px

    UI Elements for web

  • 8/18/2019 Nest Brand book (2013)

    50/58

    Links & CTAs

    Here are a few examples of theButton types that are being usedthroughout the site. Please usethe supplied PSD for reference.

    Filename:nest_ui.psd

    Pill Button 1

    In special cases, an image/object canbe associated with the pill button toadd emphasis.

    Hover/downArrow shifts2px to the righton rollover

    DefaultFullerSansDTBold 13pt

    Pill Button 2 Pill Button 3 Pill Button 4

    List Links

    Text Link

    30px

    Hover/down*

    Hover/down*

    Default Default

    Pill Button 4

    List links that are longer than one linehave a line-height of 18pt, otherwise theyare spaced at 24pt between each link.

    ErrorMessage:

    SuccessMessage:

    Messages slide down upon reveal.

    Overlays & Forms for web

  • 8/18/2019 Nest Brand book (2013)

    51/58

    Links & CTAs

    There are moments in the site wherea lightbox needs to be used to allow auser to view a video or fill-out a formwithout redirecting them to a new page.

    Filename:nest_purchase_overlay.psd

    Lightbox Color FillHEX ECF2F3 at 50

    Text field stroke =

    Selected radio bu

    Default radio butt

    Graphic Containers for web

  • 8/18/2019 Nest Brand book (2013)

    52/58

    Within sections other than the“Our Thermostat” pages, we usewhite graphic violators with onerounded corner that are inset overthe main header photography to helpreienforce the Nest brand language.The radius of the rounded corner isset to 40px.

    Within tertiary pages which aretypically more text heavy, such as the“Career detail” and “Legal” pages,the graphic violator flips horizontallyand takes over the other two-thirdsof the page.

    160px

    160px

    80px

    80px

    Left corner radius = 40px

    Left Corner Radius = 40px

    Grid Structure for web

  • 8/18/2019 Nest Brand book (2013)

    53/58

    12 Column The whole site is built off of a 12 columngrid structure. Each column is 80pxwide with an inset padding of 16px.Images and solid color backgroundsthat span the full width of the page arealso horizontally divisible by 80px.

    The height of this header, for example,is comprised of 3 rows.

    28pxColumn Padding = 16px

    1

    2

    3

    960px

    80px

    80px

    80px

    80px

    80px

    80px

    80px

    The Nest look

  • 8/18/2019 Nest Brand book (2013)

    54/58

    The world is full of clean,wonderful, but largely

    lifeless brands.Nest should be more soulful.

    Feel ok about being a little messy, andnever afraid to be human. Not picture-

    picture, but picture-real.

    Kitchens can have crumbs on the table.Dens, with magazines and newspapersaskew. Pets playing with kids. Clothesin their transition from the dryer to thecloset. Homework out. Peoplesnacking. Flowers from the garden, notyet arranged.

    Nest will be a brand that endureswhen it comes to representing the

    way people actually live — in all itshuman detail.

    Nest becomes a brand that endureswhen it earns the choice of peoplewho love making their house into atrue home.

    Photography

  • 8/18/2019 Nest Brand book (2013)

    55/58

    Nest makes cool products butits mission is more than justsleek products.

    Through photography we shouldcelebrate life at home, and themoments for which universallythe home is the stage.

    Lifestyle photography Photography don’ts

    When choosing a photo for Nest,use these criteria:

    A few tips for what not to do when shootingor selecting a photograph for Nest:

  • 8/18/2019 Nest Brand book (2013)

    56/58

    use these criteria:

    • Does it capture a genuine moment?• Does it feel warm or comfortable?• Is the weather, or the home, an implicit character?

    • Do you feel human presence?

    Tips:• Use natural light, windows, red and green tones vs. blue• People never look at the camera• Photos do not feel staged, wouldn’t nd it in a catalog.

    or selecting a photograph for Nest:

    • Don’t use images where people are posing, or areused as props like in a catalogue

    • Don’t use beautiful interior design that is not lived-in,or contrively staged

    • Don’t use images where it’s hard to tell what theweather is like, or if this is a public place

    • Don’t use at, cold lighting

    We are creating not just a product.Not just a company.

    That idea is about this placethat we call home.

    h d li

  • 8/18/2019 Nest Brand book (2013)

    57/58

    But an idea.Where we spend our lives.Have our joys.Retreat back to, to tend our sorrows.

    Raise our children in.Share meals in.Laugh.Love.Live.

    This place we call homemeans a lot to us,because it means a lotto human beings everywhere.

    Our character:

  • 8/18/2019 Nest Brand book (2013)

    58/58

    Looks like NestHoned to a simple expression— but no further.Represents a moment of life being truly lived— in all its

    human detail. Perfectly designed, but never design-y.

    Sounds like NestThe straight talk of an expert. The advice of a neighborin the know. The storytelling of a friend.

    Thinks like NestFocuses on what human beings really want. Obsessedabout how technology can help. Ingeniously design the

    total experience that delivers.

    Performs like NestLearns you. Adapts your home around you. Saves youenergy, time, money, and makes technology work for you.

    Nest isEmpathetic.

    Audacious.Ever-learning.

    In service of making homea joyful place to be.