Nest Brand book (2013)
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
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.