Professional Documents
Culture Documents
Instacart 2022
Instacart 2022
Our Ingredients
2
57
Framework Illustrations
7
69
Logo Iconography
22
73
Color Layout
33 *
83
Typography Motion
45 94
Photography Applications
Framework
Instacart Guidelines Version 1 3
Framework Intro
Shop + Savor
shop + savor
Shop captures the effortless Savor captures the moments of
efficiency of our product offering. enjoyment our offering empowers.
Instacart Guidelines Version 1 7
Logo
Logo Intro
Logo
Instacart Guidelines Version 1 10
Our Symbol
Savor
Symbol Anatamoy
combination of efficient
Clean, straight lines
straights and tasty curves.
convey efficiency
Savor
enjoyment of food
Instacart Guidelines Version 1 12
Logo Lockup
Our Wordmark
serif typeface.
Logo Colors
color ways.
backgrounds.
Minimum Size
& Clearspace
Minimum size
Clearspace
Partnerships
.5x
The space between logos is equal
to the width of our ‘c‘.
x .5x
When scaling logos vertically,
accomodate for different shapes .5x
by scaling logos to appear optically
equal.
.5x
.5x
Powered by
Instacart Guidelines Version 1 17
Incorrect Usage
Don’t change our logo lockup Don’t use the full carrot as our logo Don’t use unapproved color ways Don’t distort our logo
instacart
from
Don’t apply effects to our logo Don’t tilt our logo Don’t alter our wordmark Don’t use our logo in a sentence
.com
Don’t add any elements to our logo Don’t recreate our logo Don’t tilt our app icon Don’t use the arrow alone
Instacart Guidelines Version 1 18
App Icon
applications.
Shopper App
Version 1.0
Version 2.0
Shopper App
Shopper App
App Icon
12:30 12:30
App Launcher
Instacart Guidelines Version 1 21
Social Icons
Primary
Seasonal
Pride Month.
Instacart Guidelines Version 1
instacart
12:30
Get
Saucey
with Carl Lalli Music
Instacart Guidelines Version 1 23
Color
Color: Intro
Kale
Hex #003D29
R 0 G 61 B41
Kale and Cashew are our “black
PMS
and white”. They are used for our
CMYK
logo, background colors, and
typography
to our palette.
Carrot
Hex# FF7009
R 255 G 112 B 9
PMS
CMYK
Cashew
Hex #FAF1E5
PMS
CMYK
Instacart Guidelines Version 1 26
Imagery as Color
An endless, cornucopia of
+ +
Instacart Guidelines Version 1 27
Lunch in
a pinch.
Sweet
&
Savory
Instacart Guidelines Version 1 28
Make people
Make the world
Keep things
feel good!
go round.
fresh.
Become an
Become an
Become an
Extended Palette Our Extended Palette is inspired by food first but offers a range to extend beyond. Each secondary color
supports our Core Identity Palette while Instacart Plus colors are reserved for Plus communications.
Hex FAF1E5
Hex BA0239
Hex BA0239
Hex C22F00
Hex 750046
PMS
PMS
PMS
PMS
PMS
Hex FF7009
Hex 0AAD0A
Hex FF7A9B
C22F00
Hex ECAA01
60013F
Hex B9017A
PMS
PMS
PMS
PMS
PMS
To ensure that our brand impresion is iconic, typography is always set in Kale,
Typographic Color
Cashew, or White (when an extra pop is needed). Please do not mix tones.
logo sits on
to harmonize with
imagery
Lorem Ipsum
Lorem Ipsum
Get $20 off 2 orders* Get a $30 credit when you spend $125 or more*
Celebrate
Groceries
Beauty gifts Diwali with us
delivered in
minutes that sleigh
Say hello to instant delivery 30 min. from Sephora, the tradition, we can help you prep
Shop Now
Shop Publix Quick Picks on Shop Now
Instacart for faster delivery.
Delivery in minutes
instantly.
Instacart Guidelines Version 1 33
Typography
TO BE FINISHED
WHEN TYPEFACE
IS COMPLETE
Instacart Guidelines Version 1 34
Typography Intro
From
shopping
Instacart Guidelines Version 1 36
to
savoring
Instacart Guidelines Version 1 37
Instacart Sans
ABCDEFGHIJKLMNOPQRSTUVXYZ
Efficiently
ABCD FGHIJKLMNOPQRSTUVXYZ
E
Efficiently
ab d gh jk m opqrs uvwxyz
c ef
1234567890
i l n t
Efficiently
ABCDEFGHIJKLMNOPQRSTUVXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
ABCD FGHIJKLMNOPQRSTUVXYZ
E
Instacart Contrast
Deliciously
Deliciously
ABCDEFGHIJKLMNOPQRSTUVXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Deliciously
ABCDEFGHIJKLMNOPQRSTUVXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Deliciously
ABCDEFGHIJKLMNOPQRSTUVXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
tap tap
nom nom
Instacart Guidelines Version 1 40
Typeface Anatomy
acefgisty
Instacart Sans
acfgiosty
Instacart Contrast
Flat terminals
Instacart Guidelines Version 1 41
Type Hierarchy
Case
EYEBROWS ARE 1/6 HEADLINES Eyebrows
Tracking TBD
Headlines
Tracking TBD
Leading TBD
Justification
Proportions
in contrast
Type sizes are calculated using Subheadlines are 1/3 headlines Subheadlines
Tracking TBD
headline point size.
Leading TBD
RECIPES
Sugar, spice,
This is legal copy set in regular. It should not be smaller than 8pt for legibility.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
Instacart Guidelines Version 1 43
Type Usage
Order
Complete
Anthony delivered your order.
Where
Thanks for shopping with us!
homemade
Order Again
is made.
Instacart Guidelines Version 1 44
Incorrect Usage
provident
Don’t use unapproved typefaces Don’t use weights are too similar Don’t use unnapproved colors Don’t use headline weights for body
e r
ORDER
Order
d t e OrDEr
r l e
O p
COMPLETE Complete CoMPleTE
m
o
C
Don’t use all caps other than eyebrows Don’t apply affects our typefaces Don’t tilt our typefaces Don’t mix cases within words
Instacart Guidelines Version 1 45
Photography
Instacart Guidelines Version 1 46
Photography: Intro
Please note:
Some photos in this section are not liscensed and included for reference.
Please get approval from instacart creative studio before using photos.
Instacart Guidelines Version 1 47
Instacart Guidelines Version 1 48
Photography Principles
photogrpahy is documented
assets at
instacart.brandfolder.com
Craveable & Delicious
Familiar Unplaceable
Instacart Guidelines Version 1 49
Photography Tiers
Food-focused
close-ups.
Rich
Bold
Detailed
Contextual
Instacart Guidelines Version 1 51
Lifestyle
Active
Lush
Passionate
Candid
Product Spotlight
context.
applied.
Rich
Bold
Detailed
Contextual
Instacart Guidelines Version 1 53
Catalogue
immediately be recognizable on
Clear
Enticing
Crisp
Dimensional
Instacart Guidelines Version 1 p 54
Incorrect
Don’t use images that feel washed out Don’t use images that feel clearly staged or posed Don’t silhouette people
Don’t use images with stylistic filters applied Be sure to stage photographs so the food
Don’t shoot images with a deep depth of field We capture candid moments, however our
becomes the hero and looks mouthwatering style is highly art directed, never feeling
like a snapshot
out of their natural environment that resemble photos. If necesary, treat product
Where
homemade
is made.
Instacart Guidelines Version 1 56
0 0
Oh yes,
Citrus-inspired flavors Shop
Illustration
Instacart Guidelines Version 1 58
Illustration Intro
Illustration Principles
role to photography in
ideas or educational
information.
Effortless
Complex
Literal
Lively
Static
Delightful Didactic
Instacart Guidelines Version 1 60
Illustration
vs. Photography
system.
photography.
Illustration Range
Efficient Savor
Instacart Guidelines Version 1 62
Subject Matter
Quick delivery
Lightening bold
Expiring deals
Alarm clock ticking
Cooking timer
Benefits
Illustration Anatomy
Sharp corners
Instacart Guidelines Version 1 64
Style Concept
design framework.
Illustration colors share our brand’s full color palette and includes a tertiary set of hues for
Illustration Color
illustration only. Kale and Cashew should be the dominant thread in our color stories.
Illustration Red
Illustration Blue
Illustration Blush
Illustration Yellow
Illustration Pink
Hex F6443A
Hex 5D5FEF
Hex FFC6D0
Hex FDE801
Hex FF90F7
RGB 246 68 58 RGB 93 95 239 RGB 255 198 208 RGB 253 232 1 RGB 255 144 247
Instacart Guidelines Version 1 66
Object Illustrations
endearing.
quickly recognizable.
Select items from your Personal shoppers pick items Pick a convenient time for you.
favorite grocery stores at with care. Chat as they shop Enjoy Instacart’s 100% quality
instacart.com or in the app. and manage your order. guarantee on every order.
Instacart Guidelines Version 1 67
Spot Illustrations
Discover More
Your Recipes
Illustrations.
Weeknights
at your
fingertips
Instacart Guidelines Version 1 68
Marquee Illustrations
Get the
They have the most elements
characters.
background.
Shop Now
Instacart Guidelines Version 1 69
Iconography
Instacart Guidelines Version 1 70
Iconography Intro
Icon Style
Incorrect Usage
small sizes.
our symbol.
Layout
Instacart Guidelines Version 1 74
Layout Intro
Graphic Approach
Search Target...
Order
Complete
Anthony delivered your order.
Grid 2x
2x
organized fashion.
Grid Usage
to grid lines.
This is a
our comunications.
Content
Frame
headline
Call to action
Instacart Guidelines Version 1 78
Content Frames
or illustration.
radius of buttons.
Lush Lunar
New Year
Shop Now
x/2
x Shop now
x/2
Instacart Guidelines Version 1 79
Logo Proportions
headline
relation to headlines.
Height is calculated by x
matching the height of the
headlines.
headline x 1/2 x
headline
Use this ratio for applications with very large type
x 1/3 x
Instacart Guidelines Version 1 80
Logo Proportions
DELIVERY STATUS
The bread
has risen.
Notify me!
Instacart Guidelines Version 1 81
nom nom
the height of the headline.
tap tap
nom nom
Instacart Guidelines Version 1 82
Logo Proportions Logo feels smaller than body copy Logo optically scaled to match body copy
Hangry kid?
Delivery in as
Delivery in as
Motion
Instacart Guidelines Version 1 84
Motion Intro
Motion Principles
Decorative
impression.
Frenetic
without.
Slapstick
bouncey or cartoonish.
Elevated Cartoony
Instacart Guidelines Version 1 86
16 x9 Grid
16 x9 Grid
Application
Applications
Instacart Guidelines Version 1 p 95
Applications: Intro
Please note:
The mockups in this section are not licensed for external use.
Instacart Guidelines Version 1 96
Interaction
Log in Sign up
Order groceries fo
delivery or pickup
Instacart Guidelines Version 1 97
Wayfinding
Pick
Up
Instacart Guidelines 98
Shopper
Instacart Guidelines Version 1 99
Shopper
Instacart Guidelines Version 1 100
Swag
Raquel Jordan
Instacart Guidelines Version 1 101
Add to Cart
1
Instacart Guidelines
Emails
Shop now
Social
instacart
mm m
instacart
New year,
new you
mm m
with fresh ingredients and even fresher mocktails.
Digital OOH
Instacart Guidelines Version 1 106
Contact
Kevin Byrd
Kevin.byrd@instacart.com
Adam Cote
Adam.cote@instacart.com