group-23 group-22

Welcome to the Nectar brand guidelines.


The following document has been created as a reference to guide the outward communication and design of the Nectar brand. It introduces our new identity and explains the guiding principles for each element of our brand. The way we look, sound, and behave is a reflection of who we are. And in each section, you will find that the Nectar brand identity is more than a single mark—it's a rich system that balances science and humanity with ease and approachability.

Contents

Positioning

Verbal Identity

Visual System

Art Direction

Applications

nectar_header_update_05

Brand Positioning

Brand positioning is a filter for decision–making. For Nectar to become synonymous with one idea, every decision across every department must pass through this filter. 


Positioning answers the question: “Why Nectar?” It provides a foundation for all executions of the brand.

Back to Top  ↑


Sections

Narrative

Purpose

Brand Idea

Beliefs & Behaviors


Verbal Identity  ↓

Download the Full PDF

Narrative

The world is no stranger to allergies and the conditions they trigger. 


It is a quiet, yet massive epidemic - larger than depression, hypertension and even diabetes. And it’s only getting worse. Billions around the world are suffering. 


They suffer in silence. They mask symptoms, tolerate side effects, and some even put up with the pain and inconvenience of allergy shots. 


Treating the root cause of allergies is possible. It is long overdue and we are here to make it available - to all. Our solutions will bridge the existing gap from access to care.


We are tired of waiting. Tomorrow is up to us. 


To make a lasting difference, we have to break the tired mold and reimagine allergy care from the ground up.  

We transform people’s lives - men, women and children. We create truly personalized solutions that treat the unique root cause of their allergies, with a focus on convenience and exceptional customer experience.  


It all starts with the science. We believe in data - lots of it - to drive our understanding and innovate new forms of treatment. We prove it in the clinic. 


We think big. We tackle the hardest problems head on and we do it at scale. We are rebels with a cause and we aren’t afraid to rethink and rebuild anything that gets in the way of achieving our vision. 


We lead the conversation - globally. We don’t just want to treat your allergies, we want to understand and reduce the triggers that cause new and worsened allergies in the first place. 


We champion science for good. And we’re here to change the world for good.


Purpose

The purpose answers the question of why we exist in the world beyond to make money. It is our reason for being and our filter for decision-making.

Putting an end 

to allergies

Brand Idea

The brand idea is the answer to the question of why the world should choose us. It can be used internally as a short handle to easily call the positioning to mind.

Science for good

Beliefs & Behaviors

Our beliefs are the unassailable truths of our brand. They should give rationale for our purpose, be specific to us, and ownable as a collective.


Our behaviors are the code of conduct we must follow to authentically live our beliefs. They should be actions that are essential to bring our positioning to life.

Beliefs

Behaviors

We believe...

So we...

Finding a long-term solution for allergy sufferers is overdue.

Are reinventing allergy care to transform lives.

We believe...

So we...

Reinventing allergy care requires personalization and solving problems at scale.

Are powered by clinical research and data science.

We believe...

So we...

Great science can be delivered without compromising consumer experience.

Take pride in our exceptional service.

We believe...

So we...

To tackle allergies holistically we need to work at a community level.

Lead and catalyze the global conversation.

header_section_01

Verbal Identity

Brand voice and messaging work together to form a distinctive verbal brand identity, such that over time your company may be recognized by its words alone.

Download the full PDF

Positioning  ↑


Sections

Is & Isn't

Voice Traits

Brand Line

Dos & Don't

Style Guide


Visual System  ↓

Is & Isn't

Nectar is

Nectar isn't

Expertise

•  Clinical

•  A revolution

•  Visionary

•  Groundbreaking

•  Proof

•  Clarifying

•  Academic

•  An evolution

•  Idealistic

•  A novelty

•  A promise

•  Complicated

Personalization

•  Accessible

•  Curious

•  Direct

•  Customized

•  Personal

•  Precise

•  Oversimplified

•  Prying

•  Curt

•  Generalized

•  Intimate

•  Elaborate

Personality

•  Ambitious

•  Earnest

•  Witty

•  Down to earth

•  Devoted

•  Warm


•  Unrealistic

•  Exaggerated

•  Slapstick

•  Exclusive

•  Obsessed

•  Cute

Metaphors

•  A solution

•  A TED Talk

•  A twinkle in your eye

•  A marathon

•  Pour over coffee

•  Medication

•  A shortcut

•  A thesis defense

•  A belly laugh

•  A 5k

•  Keurig

•  Essential oil

Voice Traits

The narrative defines the boundaries of the idea and sets the stage for the other positioning elements. Like all positioning elements, it is internal language, not customer-facing.

Insightful

not academic

We break it down without dumbing it down. 


This helps us balance science and humanity, turning proven research into tangible 'aha' moments. This builts trust with people and offers a clear understanding of how we're using science to end allergies.


How to

•  Lead with the key takeaway.

•  Translate science into approachable language.

•  Elevate critical details.

Bold

not overconfident

We speak with energy and think big. 


Our science is for the world—and forever. Our writing captures that ambition and inspiration, always balancing individual relief with the larger vision of ending allergies for good.


How to

•  Making positive, confident statements.

•  Minimize qualifiers. 

•  Paint the big picture.

Supportive

not overbearing

We care for people individually.


Our passion (and compassion) are at the heart of how we communicate, putting every person first and solving for their needs on an individual basis.


How to

•  Ask directed questions.

•  Make resources accessible and available.

•  Always follow up.

Clever

not silly

We write with warmth and wit. 


We have a smart sense of humor, bringing energy to our writing without cracking silly jokes or looking for laughs. This brings levity and personality to our earnest subject matter and scientific approach. 


How to

•  Twist idioms.

•  Be surprising.

•  Use subtle literary devices (alliteration, rhyming, etc.).

Brand Line

A brand line is a short introduction—a succinct way that  the world can get to know who we are, what we do, and why we exist.


Our brand line is also flexible, allowing us to position the many benefits and outcomes of Nectar over symptoms or allergies.

Nectar over allergies

Dos & Don'ts

Dos

Don'ts

Focus on the positivity, optimism, and new beginnings of a life free of allergies. 

Make it a war against allergies, overemphasize suffering, or focus on escaping the negatives. 

Occasionally address allergies directly, using playful opposition language. (“It’s over, allergies.”, “Allergies hate science.”) 

Make allergies the center of attention, or take it too far with the negativity (“The allergy killer.”) 

Pair scientific terms with approachable explanations. 

Completely avoid using precise terminology or forget to break it down. 

Lead with the key takeaway.

Lead with a fast fact or “Did you know?”.

Make it witty.

Make jokes.

Make industry language more colloquial.

Make it overly conversational or casual. 

Use style and voice to separate us from our competitors with similar messaging.

Be afraid to say similar things in our own way.

Offer proof whenever possible.

Hide our expertise or simply say “trust us”.

Style Guide

Brand Voice also helps inform how we approach grammar. Here are a few rules to follow when writing for Nectar.

Grammar & Phrasing

Active Voice

Nectar uses active voice whenever possible. 


Tense

In general, always focus on the future and the present.


Contractions

Feel free to use contractions.


Conjunctions 

And it's okay to start a sentence with a conjunction (and, but, or) to keep things fluid and conversational.


Formatting

Bold & Italics

We occasionally use bold and italics to emphasize certain ideas.

Italicize titles of books, magazines, films, and journals. Put quotation marks around article titles.


Parentheses

Most effective when giving short examples in a longer statement. Try to use sparingly.


Underlining 

Save this for hyperlinks on the site.

Punctuation

Periods

We do punctuate

•  Body copy

•  Subheads

•  Text messages/customer service interactions


We do not punctuate

•  Headlines

•  CTAs

•  Bulleted lists

•  Email subject lines


Commas

Use the serial comma (a.k.a. Oxford comma).

Quotation marks

Periods and commas go inside quotation marks. Everything else (!, ?, ;) goes outside quotation marks, unless it's part of the quoted material. 


Include a comma before a quote if the words before it describe the writing or saying of the quote.


We don’t use

•  Ellipses

•  Exclamation points

•  The greater than (>) symbol to connote “over”

•  Ampersands to replace “and”


We do use (sparingly)

•  Parentheses (for small additions)

•  Em dashes—without spaces on each side

•  Question marks

•  Hashtags (only on social)

Glossary of Terms

What terms do we use and when to use them. Match internal language to outward facing language so that our brand carries through and to reduce confusion.

Term Reference

Preferred Term(s)

Alternative Terms

When broadly referring to allergy drops

Allergy immunotherapy drops

Allergy drops

Immunotherapy drops

Sublingual immunotherapy


do not use:

SLIT

Liquid drops


When referring to our personalized compounded prescription treatments

NectarRx Allergy Treatment

NectarRx

NectarRx Treatment


do not use:

Nectar Rx (no space between)

Nectar RX (do not capitalize ‘X’ or use subscript)


When specifically referring to Nectar sublingual immunotherapy drops product

NectarRx Allergy Drops

(packaging: NectarRx Allergy Drops)

NectarRx

NectarRx Treatment


do not use:

Nectar Rx (no space between)

Nectar RX (do not capitalize ‘X’ or use subscript)


When referring to steps in our treatment (specific to sublingual)

NectarRx Ramp-Up Kit

NectarRx Maintenance Kit

(packaging: NectarRx)

Phase 1 Ramp Up Kit

Phase 2 Maintenance Kit

NectarRx Subscription


Terms to describe the benefits of the treatment:

Customized formula

Prescription formula

Personalized formula


do not use:

Rx Kit

When referring to our Allergy Test Product

NectarDx Allergy Test

(packaging: NectarDx)

Allergy test

NectarDx


Terms to describe what the test is:

IgE test

Finger-prick test


do not use:

Blood test

Nectar Dx (no space between)

NectarDX (do not capitalize ‘X’ or use subscript)

When referring to holding company

Nectar Life Sciences


When referring to physical location

Nectar Allergy Center


When brand refers to individuals not yet in treatment

People with allergies

Consumer

Allergy sufferers

When refer to someone who is in our treatment

Patient

Customer

When referring to who created our treatment protocols and system set up

Doctor

Licensed physician

Allergist 

When referring to who is providing and prescribing treatment

Licensed Provider

do not use:

Doctor

When referring to the larger physician network

Nectar Network


When referring to the results of the At-Home Allergy Test

Allergy test results

NectarDx Results

Test results

Lab results

When referring to our consultations

At-home consultation

At-home appointment

Telehealth appointment

Virtual meeting

When referring to patient community

Nectar Hive


View Terms Guidelines by Channel
header_section_02

Visual System

The visual identity of Nectar helps to establish the look and feel of the brand itself. The intentional usage of our elements (logos, colors, typography, etc.) helps to create a visual language unique to Nectar. To best understand our capabilites within this system, we have provided some rules and best practices.

Verbal Identity  ↑


Sections

Logo & Mark

Typography

Color 

Grid & Layout

Fluid Building Blocks

Illustration & Iconography

Summary


Art Direction  ↓

Logo & Mark

A logo is our first impression to the world, so we make it a strong one. Regardless of size or application, it should read clearly and confidently. Both logo and mark were made to read as simple, credible, and approachable.

Download Logo Assets

Introduction  ↑

Typography  ↓

nectar_colorflash_2

Logo


Our logo builds on the idea that big change can start with something simple. The logotype incorporates the structure and simplicity found within our overall system—maintaining a credible, approachable tone. Our mark sits anchored to the top of the logotype, representative of the potential for change.


(Hover for Logo Construction)

nectar_logo_hover_01 nectar_logo_hover_02

Logo Reverse


The reversed version is reserved solely for cases when wanting more contrast, or when our primary wordmark can’t be used—such as over a dark background.

nectar_logo_reverse

Logo Colorways


The Primary Logo can be set in various hues within our palette, depending on accessibility standards (in our color section). Ideally our logo is set in our brand color to add vibrancy and dimension to our overall system.

nectar_logos_colorways
asset-903x asset-913x

Logo


The structure of our mark references a single droplet making a ripple effect. The forms build off of one another to make the silhouette of a droplet, creating a direct correlation to the brand name and the narrative of fluidity. It incorporates six forms, mirroring the amount of letters within the brand name and the six elements found in nature.

asset-923x

Clearspace


The “Ripple” Mark provides reference for the clearspace guidance. This use of space ensures that our logo has room to breathe whenever it's used.

asset-993x

Lockup Anatomy

As Nectar grows and evolves as a company there will be many opportunities to roll out specific sub-brands and various products or services. When this happens we should have a consistent language and system for how we treat these lockups. 

Sub-Brands


Our sub-brand name lockup is designed so that our logo is the number one piece of information, followed by the secondary name. This hierarchy is intentionally more dramatic than our product lockups, which you can find in the next section.


Sizing

The type size of the sub-brand name is 30% Height of the Nectar Logo.


Spacing

To create consistency within our logo and the new lockups, we utilize the same amount of spatial distance (1/2 Mark) below the logo as we do in the space between Nectar & the "Ripple" Mark.


Type Weight

For the sub-brand lockup we utilize Haffer Regular (same as logo). 


Alignment

These lockups will always be left aligned to the "N" in the Nectar Logo.

nectar_logo_lockup_sub-brand
nectar_guidelines_logo_lockup_static_01
nectar_lockup_products_gif
nectar_guidelines_logo_lockup_static_02

Products & Services


When locking up a Product or Service name to the Nectar logo we have different lockup process from the sub-brand construction. Because products are so closely intertwined with the brand name we have a lockup that allows for a change in hierarchy but keeps the "name" at the same level for recognition.


Spacing

To keep unity within our logo and the new lockups, we utilize the same amount of spatial distance (1/2 Mark) after the logo as we do in the space between Nectar & the "Ripple" Mark.


Type Weight

To create more contrast in hierarchy for our sub brand lockups we swap the Product/Service name to Haffer Light. 


Leading & Alignment

Leading will be consistent with our Display Type style, which is 95% of the type size. And we always utilize left alignment in stacking.

Minimum Size


Minimum sizing of our Logo & Mark is defined in pixels for digital applications. These minimum sizing rules allow the Nectar Logo to be legible in small digital and printed spaces.

nectar-17

Logo & Mark Placement


Five logo placements are recommended when using the logo and monogram. Choose a placement based on the specific needs and content of the application. As a general rule of thumb, place the logo in the directional corner in the section it resides, with the exception of the center (5) location.

asset-1133x

Incorrect Usage

Logos & Mark


Consistency is key when it comes to our logo, and this list of don'ts should ensure its apperance is never compromised. 


01. Don't distort the logo 

02. Don't warp the logo

03. Don't change the color of the logo

04. Don't rotate the logo

05. Don't place the logo on busy backgrounds 

06. Don't place the logo in a container

07. Don't add effects to the logo

08. Don't alter the logo letterforms

09. Don't place the logo on colors with low contrast

nectar_logo_incorrect_usage

Media Icons


The icon is an important represention of our brand on various digital platforms. We always use our "Ripple" Mark as our avatar. Most often we use it in Mint, centered on a Grass Green background. In the case of our favicon, we feature the "Ripple" in Grass Green with a transparent background.

nectar_avatar_ios

iOS

nectar_avatar_social

Social

nectar_avatar_favicon

Favicon

Media Icons

In Use


nectar_mediaicons_01
asset-1153x

Instagram — Example 01

Profile Image

Website — Example 02

Favicon & Logo in Navigation

Typography

Our visual identity is composed of a typographic palette that works together to create tonality in our communications to visualize the traits of our verbal identity. The combination of typefaces allows for variation when we talk about ourselves, when we talk to people, and when we talk to companies—in digital, app, and print applications.

Logo & Mark  ↑

Color Palette  ↓

Haffer


Haffer is our primary typeface, which we use for main headlines and body copy. It’s a contemporary grotesk with humanistic qualities that allow for creating that balance of bold and scientific for the Nectar brand.


Haffer and its weights can be purchased from Displaay Foundery here.


(Hover for Alphabet)

asset-863x asset-873x

GT Alpina


GT Alpina is our secondary typeface, which we use for subheads, detail body copy and detail callouts. It’s a workhorse serif utilizing strong historical typographic shapes, meant to be both expressive yet pragmatic.


GT Alpina and its weights can be purchased from Grilli Type here.


(Hover for Alphabet)


nectar_visualidentity_typography_rev-03 nectar_visualidentity_typography_rev_secondary_typeface_02

Type Styles

When it comes to type within the Nectar identity, we refrain from using an excessive amount of type sizes—it ultimately depends on the application, but a good practice is to use standard formatting for headines, copy, and captions (when appropriate) while maintaining their point size relationship and weight contrast to one another.

01. Display 

Font: Haffer, Regular

Leading: 95% of size

Tracking: -10

Case: Sentence


02. Headline 1

Font: Haffer, Regular

Size: 75% of Display

Leading: 95% of size

Tracking: -10

Case: Sentence


03. Headline 2

Font: Haffer, Regular

Size: 75% of Display

Leading: 95% of size

Tracking: -10

Case: Sentence


04. Subhead 

A. Font: GT Alpina, Light

B. Font: Haffer, Regular

Size: 70% of Headline 2

Leading: 100% of Size

Tracking: -10

Case: Sentence


05. Body Large

A. Font: Haffer, Regular

B. Font: GT Alpina, Light

Size: 50% of Subhead

Leading: Auto

Tracking: -10

Case: Sentence


06. Body Small

A. Font: Haffer, Regular

B. Font: GT Alpina, Regular

Size: 65% of Body Large

Leading: Auto

Tracking: -10

Case: Sentence


07. Buttons

Font: Haffer, Regular

Size: 100% of Body Small

Leading: Auto

Tracking: -10

Case: Sentence


08. Links

Font: Haffer, Regular

Size: 100% of Body Small

Leading: Auto

Tracking: 50

Case: All Caps

Bold & Italics

We occasionally use bold and italics to emphasize certain ideas. In additon italicize titles of books, magazines, films, and journals. Put quotation marks around article titles.

nectar_visualidentity_typography_rev_typestyles_rev-02

Alternate System Typefaces 


In the event that a Google font is needed in place of the brand font, it is suggested we use Poppins as a substitute for Haffer. For our secondary typeface, GT Alpina, we can use Lora.


Poppins can be downloaded here, and Lora can be downloaded here.

nectar_visualidentity_typography_rev_alt_typefaces

Alignment


Aligning copy is a small detail that has a large effect across communications. We default to left alignment, with an exception of centering copy on a canvas for social assets.

nectar_visualidentity_typography_rev_alignment

Proportions


The hierachy within any assets must stay consistent across all sizes of communications. Scale the type proportionally by making sure our display typeface (Haffer) is the width of two “XX” across each column.


See Grid and layout for more context

nectar_visualidentity_typography_rev_proportions

Incorrect Usage

Typography


Our typography is a vital element in our visual identity. Its usage must be maintained for visual clarity. This list of dont's ensures its appearance and legibility aren't compromised.


01. Don't use unapproved faces.

02. Don't use alternate cases.

03. Don't alter the orientation of our copy. 

04. Don't alter the weight of our fonts

05. Avoid a lack of visual contrast in our font combinations.

nectar_visualidentity_typography_rev_donts

Color Palette

Our color palette was developed to communicate the rich narrative of fluidity and harness the humanistic qualities of Nectar. These hues have the ability to be mixed and matched to express all the different sentiments Nectar aims to portray from our strength and insightful side with our greens and whites, to our more playful and bold side with our yellows and blues.


Below you will see a detailed breakdown of the brand color, primary and secondary palettes, and how to use them best.

Download Swatches

Typography  ↑

Grid & Layout  ↓

Brand Color


Our Nectar brand color is called Grass Green.


Green is our hero color because of its overall positive connotations to growth, rebirth, and an obvious relationship to nature.


Utilizing this color will help to balance the brand perception between feeling scientific and credible, yet natural and human.

Grass


HEX            #337561

RGB            51, 117, 97

CMYK        88, 31, 70, 16

Pantone    555 C

nectar_color_grass_swatch

Primary Palette


Our primary palette could be thought of as our "neutrals" palette featuring our brand-specific Nectar Black & White. Our Mint color is really the pop of fun to bring life to even our most refined branded assets. If you’re working on core Nectar materials, this is your go-to palette. 


Note on Accessibility

We recommend using colors in the correct context to meet ADA and WCAG standards. 

nectar_color_nectarwhite_swatch

Nectar White


HEX            #FFF7EC

RGB            255, 247, 236

CMYK        0, 2, 6, 0

Pantone    N/A

nectar_color_nectarblack_swatch

Nectar Black


HEX            #0C1422

RGB            12, 20, 34

CMYK        86, 76, 56, 73

Pantone    7547 C

nectar_color_primary_mint

Mint


HEX            #99FFCC

RGB            153, 255, 204

CMYK        34, 0, 32, 0

Pantone    332 C

Secondary Palette


The secondary palette extends our primary shades and offers a number of variations for creative and functional purposes. These can be used for a wider spectrum of applications, such as social media posts, website, and physical collateral. 


Note on Accessibility

We recommend using colors in the correct context to meet ADA and WCAG standards. 

nectar_color_sky_swatch

Sky


HEX            #75C6EA

RGB            117, 198, 234

CMYK        49, 5, 2, 0

Pantone    292 C

nectar_color_water_swatch

Water


HEX            #005677

RGB            0, 86, 119

CMYK        96, 63, 35, 15

Pantone    7693 C

nectar_color_white_swatch

White


HEX            #FFFFFF

RGB            255, 255, 255

CMYK        0, 0, 0, 0

Pantone    N/A

nectar_color_bark_swatch

Bark


HEX            #343027

RGB            52, 48, 39

CMYK        64, 61, 71, 64

Pantone    Black 2 C

nectar_color_pollen_swatch

Pollen


HEX            #FFEB88

RGB            255, 255, 136

CMYK        2, 4, 58, 0

Pantone    931 C

Accessible Pairings

Primary Palette


When it comes to color, accessibility is a very important factor for using our palettes. We strive to keep our standards high and create designs that do not alienate anyone using our service. Below we have a pre-approved color combination guide for utilizing our various tones. Any additional color combinations should be put through a pressure test for best user accessibility.

Approved Type colors on

Grass

Nectar White

Aa


Mint 

(Only Use with Large Type)

Aa

Approved Type colors on 

Mint

Nectar Black

Aa


Grass 

(Only Use with Large Type)

Aa

Approved Type colors on 

Nectar White

 Nectar Black

Aa



Grass

Aa

Approved Type colors on 

Nectar Black

Mint

Aa

Nectar White

Aa

Accessible Pairings

Body Copy


You can use color to create hierarchy, emphasis, and intrigue—as long as it stays legible. Here, we demonstrate which color combinations work when showcasing various type styles at a small scale. 


When using different colors in typography, follow these rules to ensure that there's sufficient contrast for maximum legibility.

accessiblepairings

Color Usage 


A careful balance of colors are used to make sure our communications look and feel consistent. This color breakdown shows which colors we use more, and which colors we use less. This is a rough guideline—every color does not need to be represented at the same time or in the exact amount as shown here. 

asset-753x

Most Used

Brand Color


Grass Green can be thought of as our core color and the true hue of Nectar. Because it is the brand color, we want to make sure we utilize it as much as possible. If you are using a Primary Palette color you should definitely be pairing it with Grass, and the same goes for our Secondary Palette.


Opportunities for Usage

Any and all brand touchpoints

Often Used

Primary Palette


When we want to showcase the brand at its truest, we utilize the primary palette of Nectar White & Black, plus our Mint green. That being said, we don't want to feel limited by these so feel free to start introducing a secondary color if it will add some character.


Opportunities for Usage

Illustration

Backgrounds w/ Type or Illustration

Color Floods in Digital Applications

OOH Marketing Materials

Social Media Marketing

Occasionally Used

Secondary Palette


The Secondary hues will receive the least amount of use of our overall color palette. These colors were developed so that on occasion we can spice up our designs to keep them from feeling static. Depending on the timing of the asset, you might want to dial up the warmth with a yellow tone or cool it down with our natural blues.


Opportunities for Usage

Accents for Illustration or Backgrounds

Color Floods in Digital Applications

Social Media Marketing


asset-1203x

Lights

asset-1213x

Darks

Color Combinations

to Avoid


When deciding on color utilization within an asset, we want to make sure the color choices showcase the appropriate amount of contrast for visual and typographic legibility.


These pairings shown are ones we should never use in isolation, because of the lack of contrast between them. Should we want to use these pairings in combination with additional brand colors then that should be evaluated on a case by case basis. 


We Never Pair

Lights

Nectar White + Pollen

Mint + Pollen

Mint + Nectar White


Darks

Grass + Bark

Grass + Water

Water + Bark

Color Palette

In Use

nectar_color_inuse_01
nectar_color_inuse_02

Website — Example 01

Brand Color & Primary Palette

Website — Example 02

Primary & Secondary Palette

Grid & Layout

Our brand compositions and layouts are formed with clarity in mind. The clean, bold, and contemporary design aesthetic uses open whitespace or floods of color paired with our brand typographic system.


A simple and flexible grid system allows for a collective of brand elements to be constructed. The examples below show the layering of typography, shapes, photography and other graphic elements to achieve Nectar's distinctive look and feel. 

Color Palette  ↑

Fluid Building Blocks  ↓

The Grid


Our grid allows for our elements to be communicated clearly and consistently. 


The number six serves as an important guide for our flexible and sophisticated layouts. 

nectar_visualidentity_grids-layouts_rev_intro-image

Image and Block Grid


01. Image and Block Guides


The underlying horizontal guides serve as useful snap lines (as well as establishing our rows) for our fluid building blocks, imagery, and illustration.



Type Grid


02. Hang Lines


The point at which text should hang from.


03. Margins


Space that separates content from the edge of the canvas.


04. Columns


Vertical divisions of space on a canvas.

nectar_visualidentity_grids-layouts_rev_logic_block-grid
nectar_visualidentity_grids-layouts_rev_logic_type-grid

Combining Grids


These two grids work in tandem to create organized, logical layouts where each elements has its place and the hierarchy is clear. 

nectar_visualidentity_grids-layouts_rev_combing-grids
nectar_visualidentity_grids-layouts_rev_construction_rev2

Building the Grid

01. Establish canvas


When the sizing of your application is set, you'll have to work back from step three to establish your margins. These are created by measuring one "N"s width (from our Logo) on each side, after the four column grid is adjusted to your canvas.


02. Create image/block guids


Divide the canvas into six evenly spaced rows.

03. Create marins & columns


Create a four column grid using the logo as the column width and our mark as the gutter width.


04. Combine our grids


Combine the block image grid with its horizontal guides plus our type grid with its columns and gutters to create a functional grid.

Margins


Our margins should roughly measure 4% of the shortest side of the canvas.


Gutters


Gutters are made up of the full width of our Mark.

nectar_visualidentity_grids-layouts_rev_construction_margins3
nectar_visualidentity_grids-layouts_rev_construction_gutters3

Grid Orientations 


When choosing whether to use vertical or horizontal block guides, look for the shortest side to build off of.


If the canvas is horizontal, our guides can be modifed to also be our columns with a gutter informed by the "Ripple" Mark.


Lastly, square formats have the option to go both horizontally as well as vertically.

nectar_visualidentity_grids-layouts_rev_orientation

Various Formats


From a social post to a billboard, our grids can expand to create a logical and consistent layout at any size or scale. Simply stretch your grid to fill each canvas.

Grid Expressions


Our system is built for exploration and creative interpretation. By using our guides and rules as guardrails, we are able to create unique layouts that are impactul.


Our Grid allows us to


•  Create endless variety, even with the same elements 

•  Create structure for all elements

•  Support different types of messaging and content


(Hover over image to see the grid in use)

nectar_visualidentity_grids-layouts_rev_expressions_01_rev2 nectar_visualidentity_grids-layouts_rev_expressions_02_rev2

Fluid Building Blocks

Our brand shapes build on simplicity and structure—with a fluid edge—incorporating elements of both the circle and the square throughout to balance the elements of structure and fluidity.

Download Fluid Blocks

Grid & Layout  ↑

Illustration & Iconography  ↓

Primary Shapes


Our primary shapes serve as the foundation of our system. By incorporating elements of both the circle and the square throughout all of our brand shapes, we are able to balance structure and clarity with a reference to fluidity.


(Hover for Shape Construction)

microsoftteams-image-1 microsoftteams-image-2

Secondary Shapes


Our secondary shapes can be used during more expressive moments of our brand. Each shape is set up based on an 8x8 grid to balance the proportions throughout. 


(Hover for Shape Construction)

2022_03_10c_nectarfluidshapes_brandpad-03 2022_03_10c_nectarfluidshapes_brandpad-15

System

Primary Shapes


The primary container system is based on the rounded square. To accomodate various sizes, the rounded square can change in proportion to fit within a grid system.

2022_03_11_nectarfluidshapes_brandpad_primary

System

Secondary Shapes


Secondary shapes can scale up or down depending on grid size, but should not be altered in proportion.

2022_03_11_nectarfluidshapes_brandpadsecondary

Rounded Corners


For the optical rounding of corners, the percentage by which they are rounded may need to be adjusted depending on the application. In these instances, it's important to balance the shapes in a way that allows the rounded corner to be recognizable without taking on the appearance of a more circular form. As a general rule, the corners should never be rounded less than 5 pixels. 

2022_03_14_nectarfluidshapes_brandpad-19

When incorporating multiple shapes with rounded corners into layouts, it's important to keep a few additional notes in mind:


1. Make sure all rounded corners work together cohesively, they should not feel to too sharp on the edges or take on a rigid appearance. 


2. Corners should not be too rounded, eliminating their edges to a point where they no longer feel aligned.


3. Keep all corners rounded at the same amount. There should be no variation of rounding within a layout.

2022_03_14_nectarfluidshapes_brandpad-20

Volume

As with all our brand elements, we can use our fluid shapes in lighter and more understated ways as to not compete with content. We also have the ability to make seemingly maximalist compositions for bolder, higher brand volume moments.


See below


•  Full bleed containers run straight across the composition with no curvature on the edge.

•  When using the secondary shapes, it's preferred to have them as the singular shape within the composition.

•  The rounded square and circle should be the only two possible shapes used in an image grid.

•  Rules can be used as a device to separate or anchor copy when necessary, with the default stroke sizing set at 1pt.

•  Our shapes can serve as a supergraphic in certain executions. In these cases, it is important to show enough of the shape to be recognizable, never cropping more than 50% of the shape.

Low

High

volume-arrow
line_volume

Incorrect Usage

Fluid Building Blocks


Our fluid shapes are another important element in our visual identity. Aiming to keep consistency across our brand, this list of dont's ensures the quality of the overall brand system.


01. Don't distort the shapes

02. Don't overlap shapes—this is reserved for illustrations and iconography for more detailed contexts

03. Don't use any colors not in our brand palette

04. The droplet shape should not be rotated from the upright position. The bubble, quarter circle, and half circle may be rotated in 90° increments

05. Don't place shapes over busy backgrounds

06. Don't outline shapes

07. Don't add effects to shapes

08. Don't use sharp edges

09. Don't place shapes on colors with low contrast

2022_03_11_nectarfluidshapes_brandpad-11-1

Fluid Building Blocks

In Use


2022_03_11_nectarfluidshapes_brandpad-12

Banner Ad — Example 01

Half Circle

2022_03_11_nectarfluidshapes_brandpad-14

Instagram Posts — Example 02

Various Shapes

Illustration & Iconography

To add to our brand language, we also utilize graphic illustrations and icons to emphasize the science and credibility of Nectar. Expressing the Nectar process through unique illustrations helps guide people visually. Shape, line, and color can be used to give a custom approach to illustrations and icons that are ownable for our brand.

Fluid Building Blocks  ↑

Summary  ↓

Illustration

Introduction

Our illustrations play an important role in the overall brand experience — they are our unique way of communicating tough or complicated topics with a playful spirit. Not only do they add a pop to the visuals, they’re also pretty handy when it comes to creating context and storytelling in various applications.

Download Illustration Library
nectar_illustration_header

Categories

nectar_illustration_categories_01

Infographic


This can be best used when dealing with numbers and specific data points. Visualizing the information as a grahpic can help for comprehension.

nectar_illustration_categories_02

Directional


This can be best used when you are working with lists of items or describing parts of the Nectar process.

nectar_illustration_categories_03

Abstract


The abstract category can be used at any time to generally add color or texture to a piece of content. There should be thought behind the visualization but it can be broad.

Visual Styles

illo_category_2

Fill Based


The first mode for our illustration is a fill-based style. This can be used as a single color or by mixing hues.

illo_category_1

Mono Line Based


The second mode of illustration is line based. Utilizing this may be more effective when dissecting complicated topics or talking in specifics.

Note: Our line weight is always (optically) 2pts.

illo_category_3

Combination: Fill & Line


The last mode of illustration is our combination style which is a mix of filled shapes and lines. 

Note: Our line weight is always (optically) 2pts.

Guide to Creation

Our illustrations can be used for a variety of communications but the main goal is to aid in visualizing more complex topics. We can approach building these illustrations in a few different ways. Because every use-case will be completely unique, below we provide a general approach to building a Nectar illustration.

asset-1563x
asset-1573x

Step 1: Identify Your Subject & Goal


For this example, we are going to showcase the month to month process using Nectar. Our goal is to visually break down the process, making it simple to comprehend.


Step 2: Choose Visual Style & Shapes


In order to showcase the distinct separation of the months, we are going to use the combination style and use the drop as our base shape.

asset-1583x
asset-1593x

Step 3: Develop the Visual


Visually we can break down the three months using our lines and color breaks as separation. Additionally, we can start to add our contextual details and lean into the data.

Step 4: Add Final Elements


Once you've got the content locked, add your final touches: background and additional text details. Lastly add it to your asset.

Incorrect Usage

Iconography


While we can be flexible with the content of our illustrations, consistency is key when it comes to their construction. This list of don'ts should ensure the overall style is never compromised. 


01. Don't use combination style: (Fill & Line) as one color

02. Don't use double directional arrows

03. Don't divide overlapping shapes

04. Don't place a line border on filled shapes

05. Do not mix arrow lines and line shapes

06. Don't place the illustration in a container shape

nectar_illustrations_incorrectusage

Illustration

In Use

illo_inuse_1

Website — Example 01

Combination: Fill & Line Style

illo_inuse_2

Packaging Interior — Example 02

Line Style

Icongraphy 

Introduction

Our iconography is connected to our fluid building blocks and illustrations at a fundamental level to maximize recognition and ownability. Icons and their usage principles were designed to communicate quickly and effectively across all touchpoints (from product to environment to marketing).

Download HIW Library
Download Allergens Library
nectar_visualidentity_iconography_rev2_intro

Grid

Iconography


The underlying fabric of all icons is our icon grid. This grid is used to determine line thicknesss, proportions, shape, and positioining across all icons. The grid helps guide design decisions, which will ensure a unified approach.

nectar_visualidentity_iconography_rev2_icon_grid

Building the Grid

Iconography

Pixel grid (36x36px)


Icons are drawn on 36x36 pixel grid. All icons have 1px stroke weight which allows them to snap perfectly to the grid.

Clear Space


The grid consist of a 3px area of clear space. This insures that the icons always have unobstructed white space surrounding them.

Porportional guides


Within the clear space there are 3 additional rectangular guides to help keep icons in proportion with each other as width and heights will vary from icon to icon.

nectar_visualidentity_iconography_rev_make_icon_grid_01
nectar_visualidentity_iconography_rev2_make_icon_grid_02
nectar_visualidentity_iconography_rev2_make_icon_grid_03

Styling

Usage of Building Blocks


The strong visual element of our icongraphy is the usage of fluid builiding blocks. This creates a visual consistency throught our graphic elements.

Negative Space


Because we have the ablility to use both solid and monolinear lines for our iconography, we encourage the use of ample negative space within our icons. 

Consistent stroke and spacing


The stroke weight is 1px which allows it to snap perfectly to the grid. The gap between lines is double the size of our stroke at 2px.

nectar_visualidentity_iconography_rev2_style_01
nectar_visualidentity_iconography_rev2_style_02
nectar_visualidentity_iconography_rev2_style_03b

Sizing


Below are a few examples of icons from our system collection.

nectar_visualidentity_iconography_rev_scale

Corner Radius


When using this for rounding squares and rectangles, you want to make sure all your outer corners have the same radius. When creating concentric shapes, you'll need to adjust your corner radii to create the perfect concentric shapes. This curve doesn't extend beyond the cell of our grid. Interior shapes maintain a sharper radius.

End Caps


To continue with our fluid forms, we round the ends of our icons. 

nectar_visualidentity_iconography_rev_corner_radius
nectar_visualidentity_iconography_rev2_end_caps

"How it Works" Library


For icons that are used for more conceptual and abstract subjects, our approach is to create lower-in-detail marks. The icons themselves should have some visual representation of the subject they represent, while not being overly literal.


Download our How it Works library here.

nectar_visualidentity_iconography_rev_hiw_icons

Allergens Library 


Our allergen icons have the ability to be much more literal than our HIW set. Because the subjects of our allergen groups (Weeds, Trees, Grasses, Pets, Mites, and Molds) are actual things, we approach our icons more as pictographs. We use what they look like in nature as a reference, and use our fluid blocks and lines to make our iconography. 


Download our Allergens library here.

nectar_visualidentity_iconography_rev_allergen

Incorrect Usage

Iconography


In order to ensure the clarity of messaging for our icons,  we design them with a unifed aesthetic. This list of don'ts should ensure the overall style is never compromised. 


01. Don't fill our icons

02. Don't change the weight of our icons

03.  Don't use combination style: (Fill & Line) as one color

04. Don't place our icons in a containter shape

05. Don't outline (completely) iconography 

06. Don't introduce forms that are not derived from our fluid building blocks

nectar_visualidentity_iconography_rev_donts

Iconography

In Use


asset-1613x

Brochure — Example 01

Steps Iconography

asset-1623x

Website — Example 02

Steps Iconography

Summary


With the key elements in place, it’s time to see how it comes together. Below we offer guidance on how to create layouts using the Nectar visual identity. The visuals presented below help illustrate the rationale used in their development. For more examples of how all elements come together, please refer to the Brand Applications section.


It’s important to note that these should be seen as best practices, not mandatory rules. 

Illustration & Iconography  ↑

Back to Visual Introduction  ↑

Elements

Logo & Mark


Our logo and mark can be set in our brand neutrals as well as expanded palette across communications.

Color


Our color palette captures the feeling of being scientific and credible, while also remaining natural and human.

Typography


Our typography and type styles are used to further express our brand voice.


nectar_visualidentity_summary_logo-mark
nectar_visualidentity_summary_color
nectar_visualidentity_summary_typography

Fluid Building Blocks


Our fluid building blocks are used as our key graphic device throughout the system and are organized into both primary and secondary categories.

Illustrations


Scientific graphics and charts can be used in cases where more visual detail is needed. This could be to support body copy, or to help break up more complex pieces of information.

Iconography


Our iconography serves as short hand for more conceptual subjects as well as literal items like allergens and symptoms.


nectar_visualidentity_summary_fluid-building
nectar_visualidentity_summary_illustrations
nectar_visualidentity_summary_icongraphy

Process

1. Select Elements

•  Logo

•  Typography 

•  Imagery

•  Fluid Building Blocks


2. Determine Hierarchy


3. Build Your Grid


4. Snap to Grid


5. Apply Colors


nectar_visualidentity_summary_process2

Brand Volume



Quiet


Informational 

Credible 

Open

Loud


Friendly 

Approachable 

Flexible

nectar_guidelines_visual_summary_assets_01_volume_arrow
nectar_visualidentity_summary_brand_volume
header_sections_06

Art Direction

Creating our own unique look for photography relies on finding the right balance for Nectar, as well as determining the various ways we can differentiate ourselves from our competitors and peers.


Please note: 

Photography in this document is used to guide photography art direction, and is shown strictly for reference only. All content is proprietary and confidential, and appropriate licenses must be obtained before use.

Visual System  ↑


Sections

Conceptual Overview

Lifestyle

Product

Science

Elements


Applications  ↓

Conceptual Overview

Inspired by fluidity, Nectar is also fluid, permeable, and highly connective with the landscape. Our approach to Art Direction attempts to depict this. We celebrate people's relation to nature and experiences that may have been considered off limits due to allergies in all forms. 


We connect the human to the science of Nectar with our product imagery by highlighting the actual product, the liquid formula, and science behind it.

Lifestyle

Our Lifestyle imagery is rooted in people as well as nature. Talent is shot with warm, soft, natural lighting in a variety of locations, often reaching out to embrace their respective environments.


We shoot with optimism and approachability in mind. The compositions of our shots hope to give a sense of an open and expansive world, as well as singular, smaller moments that feel more grandiose now that they are available.

Conceptual Overview  ↑

Product  ↓


Location (Solo)


Our lifestyle art direction focuses on two modes. One aims to capture the joyous feeling of humans in nature. Talent is shot reaching out, reflecting, interacting and immersing themselves in environments. This taps into the emotive nature of allergy relief.


Our other mode is portraiture of subjects, allowing for a more direct connection to newly possible Nectar experiences. 


We use camera angles intentionally, with the objective of creating expansive, and seemingly limitless compositions. 


(Hover for more examples)

location_01 location_02
guideline_ad_imagery_lifestyle_rev location_04

Lifestyle

Location (Groups)


Because our relationship with allergies isn’t exclusively singular, we include imagery with multiple people. This is a nod to the sometimes isolating nature of allergies.


We are able to depict shared experiences with others in situations and environments that were avoided. We allude to another possibility opened, and a deeper connection to what is around us.


These images are shot with the same principles as our solos shots (lighting, composition, shadows, act.)


(Hover for additional examples)

Lifestyle

Professionals


We shoot our professionals with reverence. They are so much more than the standard portraiture of scientist in lab coats.


By taking portraiture of those who work and contribute to Nectar in environments that feel comfortable to them (their homes, or shared work spaces) we show the real humanity and humans behind Nectar. There is an accessibility to these portraits.


In addition, natural lighting gives this style of portraiture a sense of ease and trustworthiness.

professionals
lifestyle_studio_01 lifestyle_studio_02

Lifestyle

Studio


In addition to our location-based lifestyle imagery of both talent and professionals, we have the ability to shoot our subjects within a studio environment.


Shot on an off-white background with often front-facing butterfly lighting, we are able to capture talent in their most radiant forms. 


These portraits show the diversity of people who use and make up Nectar. Their nature is relaxed, powerful, occasionally celebratory, and most importantly, natural.


(Hover for additional examples)

Product

In tandem with our Lifestyle imagery, we aim to showcase all of Nectar by featuring product photography as a key and distinct component to our Art Direction—from situations of Nectar within our everyday life, to the visionary quality of the product itself in studio settings.


In addition, we incorporate detail and textural shots to showcase the tactile nature of our product.

Lifestyle  ↑

Science  ↓

product_01

Products

In-Situ


Product photography is often removed from the real world context in which it may be used. We believe that Nectar should be visible in the everyday environments of our consumers. 


Shooting within context (from on-the-go to countertops), allows viewers to imagine Nectar within their own life.


Using the same principles of listing and composition found in our lifestyle imagery, we are able to create a sense of warmth and familiarity with the Nectar product.

Product

In Use (Contextual)


When showcasing Nectar in-hand, we believe it should be shot as generously and realistically possible.


Hand positions should not feel forced or distracting, and environments should not compete with the focus on the product.


In addition, we have the option to immerse our product in nature, alluding to a clear connection between Nectar and the world itself.

product_02
product_03

Product

In Use (Studio)


Another way to showcase Nectar in-use is to shoot it in a studio setting. This allows for a clearer focus on our offerings.


Soft cast shadows help to draw the eye on the product itself. In addition, the warm, clean, direct lighting of Nectar itself entices viewers to examine it more.

Product

Studio


Our solo studio product shots have room for more expression. Informed by our initial concept of fluidity, we believe that some of the styling of Nectar itself can have a deliberate tie to the nature of liquids. Thta said, no additions should obscure any branding.


When we want to be more functional and tactical with our product shots, we light Nectar directly, on a surface, grounding and highlighting the product. Natural shadows are encouraged to provide a sense of depth.

product_04
product_05

Product

Detail


To create a richer narrative shot, we incorporate micro views of liquids and product within a studio setting.


These images, when paired with our other modes of product or lifestyle images, help to create a sense of transparency and honesty about our product. They also showcase the texture and fluidity of our custom formulas, adding a layer of richness to our visuals.

Science

Our last mode of of Art Direction attempts to depict the clinical and scientific aspects. With these images we are able to communicate the work and roles of the allergist, doctors, engineers and researchers that make Nectar what is it.


We use documentary style photography to capture our clinicians within their labs or their preferred working spaces. In addition, we have abstracted imagery of materials and allergies that are a nod to both our science as well as fluidity.

Product  ↑

Elements  ↓

Science

Abstract


To help create a more complete narrative of Nectar, we use these artistic and abstracted forms of photography that capture nature’s allergies within a scientific motif.


The use of petri dishes, beakers, or droplets as framing devices or props are strong visual nods to science. The usage and sometimes distortion of our serum or allergies (refraction) communicates what Nectar’s focus is, a "Power over allergies". 


In addition, this mode of Art Directoin is one of the clearer nods to the fluid nature of our visual identity. 

science_01
science_02

Science

Clinical


In order to communicate the credibility and the science of Nectar, we can shoot our doctors, researchers and patients in a contextual environment. 


These images are done in a professional and documentary style with the highest degree of accuracy. We are transparent about our process, and photographers follow and communicate with our doctors to curate the shots that best depict the work and research behind Nectar.


If there is a need to exhibit doctor and patient relationships, we can utilize indirect communication through devices.

Science

Studio


Ideally we should be showcasing our clinical imagery in true settings as much as possible. When we need to simplify our imagery, we can opt for shooting in a studio setting.


In consistent fashion with our contextual scientific imagery, we want to make sure we are showcasing individuals alone or through devices and not in-person with doctors.


Soft cast shadows, and warm, clean, direct lighting offer clarity for viewers and an invitation to examine things more. 

science_03

Elements

In order to ensure consistency when selecting or producing imagery for Nectar, we use these photography elements as a guide and filter. Our imagery has multiple categories that create an in-depth visual experience. Each category has its own set of best practices. It is imperative to understand what makes them unique, and how they relate to one another to create our visual narratives.

Science  ↑

Applications  ↓

Environments


Our images are set in two distinct enviorments to allow for a sense of depth with our storytelling.

01. Locations

The majority of our lifestyle images take place outdoors in environments where allergic reactions may take place. We showcase rural as well as urban locations and everything in between. Ideally our spaces are spacious and can establish a sense of place.


When shooting subjects indoors, we make sure that locations are personal to our talent. We aim to capture the personal touches that allow viewers to gain an insight on who they are viewing.


02. Studios

We shoot talent, as well as product within our studio settings. We keep a consistent backdrop of a white seamless, with no signifiers of location so that our shots feel just as open and limitless indoors.

nectar_environments_011a

01. Locations

Expansive outdoor spaces 

Intimate indoor scenes

02. Studios

Seemless backdrops

Open clear spaces

nectar_environments_012a

Environments

Outdoor 


The majority of our lifestyle imagery should be taken outdoors. Here we are able to show the results of Nectar in a much more narrative and emotional way. By featuring talent interacting with nature without discomfort, we are depicting a life over allergies.


We aim to be seasonally vague, leaning towards images shot during summer and spring. We also aim to be location non-specific, focusing more on the natural elements of a setting rather than any identifiable man-made markers. In addition, our environments should be open. This allows a feeling of clarity as well as optimism.


Features

•  Greenery

•  Open, flat spaces

•  Wide blue skies

•  Daylight

•  Soft lighting with natural and non-distracting shadows

•  The ability to engage in activities

•   Warm tones

nectar_artdirection_elements_enviorments-outdoor
nectar_artdirection_elements_enviorments-indoor

Environments

Indoor 


Because allergies aren't exclusive to outdoor locations, we also have the ability to shoot indoors. This allows us to acknowledge non-environmental allergies, as well as allow for a more intimate lenses. We also have the ability to show the Nectar treatment in a realistic setting in a consumer's life.


In a way to help contextualize and humanize the people who make up Nectar, we use our indoor locations to both personalize and legitimize our professionals. We shoot within homes, as well as the Nectar workplace/labs to allow for a range of depictions of our credibility.


Features

•  Clean and natural daylight

•  Realistic locations that are appropriately aspirational

•  Location non-specific

•  Spaces with white or neutral walls

•  Lived-in spaces, but not cluttered

•  Contextual details like furniture, equipment, artwork, textiles, ect

•  Natural materials when shooting in homes like wood floors, etc.



Environments

Studio  


Our other essential environment is within a photo studio. Each one of our Art Direction categories has a studio component that allows us to focus more on the subjects of our images as opposed to creating a larger narrative.


We use white seamlessness to both signal clarity, cleanliness, and honesty. In addition, this strong white motif differentiates us from our competitors' studio imagery approach. We attempt to shoot our talent and products without any markers of location like ceilings or floors to create a limitless environment.


Features

•  Clean and direct lighting with a hint of warmth

•  Soft shadows unless the subject is more stylized 


nectar_artdirection_elements_enviorments-studio
nectar_artdirection_elements_lighting_locations

Lighting

Locations


Our lighting is warm with bright casts of light and shadow. We shoot with an abundance of  natural light in both outdoor and indoor settings. The whites of our images are neutral-to-warm to give a sense of clarity as well as comfort.


Do

•  Naturally warm, bright light

•  Depth in highlights and shadows


Don't

•  Blown out highlights

•  Low contrast

•  Use flash

Lighting

Studio


Clean, diffused, and bright lighting with a use of softer shadows allows for our subjects to be seen in their best light. 


Do

•  Naturally warm, bright light

•  Depth in highlights and shadows

•  Gentle casts of light on subjects and spaces


Don't

•  Blown out highlights

•  Low contrast

•  Use flash

nectar_artdirection_elements_location_studio

Compositions

In Locations

We use two angles of photography to capture our subjects in our out-of-studio locations. First, we can choose to shoot our talent directly for more of a portrait-like approach. Additionally, we can shoot our talent from the bottom up, giving a sense of openness to our images.


When shooting talent, there are three measures of shots. This range allows us the ability to capture all perspectives of an experience. We highlight hands as well as the complete person, and consistently feature our environments to offer a sense of place.

01. Close-ups

We show body parts like hands reaching our into nature or interacting with our product. In addition, we can shoot closer crops of faces for more intimate portraiture. 


02. Mid 

This is our most common type of shot. Here you are able to get talent in action and capture their demeanor. From here, we shoot directly as well as from a lower angle.


03. Wide

We feature expressions of talent in relation to each other as well as their homes and within nature. Nectar itself can be visible within the shot.

nectar_artdirection_elements_rev_composition_locations_close
nectar_artdirection_elements_rev_composition_locations_mid
nectar_artdirection_elements_rev_composition_locations_wide

Compositions

In Studio


Our studio imagery tends to be more singular in focus. We frame our subjects to be the visual focus and center of every image taken.

01. Micro/Detail

Extreme close-ups of our product focusing on texture and color, plus the details of our serum and packaging allow for a more in-depth context.


02. Close 

Here we can bring in props and set styling for additional contextual clues within an image.


03. Mid

Our Mid-range (direct) shots are used to capture mostly talent for portraits.

nectar_artdirection_elements_rev_composition_studio_detail
nectar_artdirection_elements_rev_composition_studio_close
nectar_artdirection_elements_rev_composition_studio_portrait

Set Styling

Product Studio Imagery

When shooting Product photography within our studio setting, we have the ability to create sets that strongly depict fluidity. When used selectively and deliberately, they help to evoke the nature of Nectar. 


01. The usage of mirrors and water droplets as a reflective device.


02. A shallow water pool as a backdrop, framing our product. This also creates a gradual sense of motion in our images


03. Water on top of a transparent surface, with some movement of the water to create ripples over the top of our product. We aim to capture a slight distortion of our serum, but not to the point where it is indistinguishable.

nectar_artdirection_elements_rev_set-styling

Props

Science Imagery


Our science category (abstract and studio) does allow the usage of props to help contextualize our imagery. These props should relate to the credible science and ingenuity of Nectar itself, and not distract from the actual focus of our images. Glass as a material when sourcing these lab-related props allows our content to be unobscured. We encourage using the props listed, as well as any additional objects that meet these qualifications:


•  Test tubes (as well as racks)

•  Beakers

•  Medical flasks

•  Gas bottles

•  Wash bottles

•  Micro-pipets, pipets, and droppers

•  Petri dishes


nectar_artdirection_elements_props

Treatments


The general treatment for all of our imagery is a touch of warmth. There is a deliberate usage of warmer lighting for our outdoor imagery, and clean lighting for most studio-based photography. By shooting with film or adding a light amount of grain to our images, we add a tactile and familiar sensibility to our images. A focus on details and environments are encouraged. Additionally, there should be a clear focus on on the subject of each image.

nectar_artdirection_elements_treatment

Don'ts

•  Avoid applying any type of glow or lens flares

•  Don't blur out details in our shots

•  Avoid dramtic and distracting shadows, particularly in our product photography

•  Do not heavily obsure our talent or products with additional treatments like blurs

nectar_artdirection_elements_treatment_donts
nectar_artdirection_elements_demeanor

Demeanor


The expressions and actions of talent should be natural, grounded, and realistic. Talent should express the joy and relief associated with allergy care. There should be a sense of optimism and wonder that would occur when using Nectar.


Dos

•  Show realistic body language

•  Natural range of expressions

•  Positive outward expressions


Don'ts

•  Lazy or passive demeanor

•  Exaggerated positive expressions

•  Any type of expression that implies stress or melancholy

Casting


Our intent is to cast people in a diverse range of ages, genders, shapes, and ethnicities. Models with individual, memorable looks and characteristics feel believable but should always be aspirational and elevated. 


Do

•  Diversity in all respects including shape, race, socioeconomics, sexuality, etc.

•  Range of interest, environments, living arrangements

•  Feature intergenerational talent 


Please Note: 

This is meant as a guide for casting not as formal choices.

nectar_artdirection_elements_casting

Resources

Best Practices

Dos

Dont's

People who are experiencing allergy relief, Nectar employees, outdoor gatherings, outdoor allergens

Representation of allergies or symptoms not currently treated like bees or food, or that are meant to not prevent allergic reactions, like hypoallergenic pets

Environments: Open enviorments, clear blue skies, daylight, greenery and plant life, seaonsonally agnostic


Studio: White Seamless backgrounds, diffused lighting 

Environments: Tight environments, dense urban locations, dark locations, ample manmade stuctures, decorations


Studio: Colored or highly textured backgrounds, overt set design, gels

Clean and clear imagery

Any image treatment or distortions

Photographers

Lifestyle

Location & Professionals

Jules Davis - ulesville.com

Justin Chung - justinchungstudio.com

We are the Rhoads - wearetherhoads.com

Brad Torchia - bradtorchia.com

Christaan Felber - christaanfelber.com

Emma Hardy - emmahardy.com

Samuel Bradley - samuelbradley.com

Justine Kurland - justinekurland.com

Iris Humm - irishumm.net

Zhenya and Tanya Posternak - posternaks.com

Ricky Rhodes - rickyrhodes.com

Gabriel Flores - gabrielrobertflores.com


Studio (Lifestyle, Portraits)

Ward+Kweskin - wardkweskin.com

Oliver Hadlee Pearch - artpartner.com



Product

In-Situ & In-Use (Contextual)

Charles Negre - charlesnegre.com

Peter Ryle - peterryle.com

Mollie O’Sullivan - mollieosullivan.com

Nurial Val - frecklesnur.com 

(Also a Lifestyle photographer)


In-Use (Studio) & Studio

Alistair Matthews - alistairmatthews.com

Adrien Dubost - adriendubost.com

Yana Sheptovetskaya - gelcreamstudio.com 

(Also can be used for Detail shots)

Zach & Buj - zachandbuj.com

Rob Dowsley - robdowsley.com

Charles Helleu - charleshelleu.com

Tais Sirote - taissirote.com

Justin Fantil - justinfantl.com


Detail

Ritual of Me - ritualofme.com 

(Also Product Studio images)

David Newton - dnewton.com



Science

Abstract

Fernando Gomez - fernando-gomez.com

Suzanne Saroff - hisuzanne.com

Junichi ito -junichiito.com 

(Also Detail and Product images)

Mathieu Trautmann - opos.fr


Clinical

Spencer Lowell - spencerlowell.com

Stock Archive

Trunk Archive

trunkarchive.com

Trunk Archive is a full service image licensing agency representing the most engaging and sought after contemporary photographers.


Gallery Stock

gallerystock.com

Gallery Stock provides access to custom imagery, motion and illustration through exclusive partnerships with content makers. Stand out from the crowd with ...


August Image 

augustimage.com


Getty Images

Healthcare - gettyimages.com/photos/healthcare

Nature - gettyimages.com/photos/nature


Depositphotos

depositphotos.com

Stock photos for websites and ads. 


Stocksy

stocksy.com

Inspiring stock photos + videos driven by creative integrity. 


Unsplash

unsplash.com

Beautiful, free images and photos that you can download and use for any project. 


Offset

offset.com

A high-end imagery resource from Shutterstock. Authentic, captivating stock photography and illustrations. All royalty-free.


iStock

istockphoto.com

Stock imagery for any project. Access all content with one iStock subscription—including images, videos, and vectors.

nectar_header_update_01

Applications

Brand applications allow us to prove out a system's flexibility and range. The following set demonstrates the Nectar design system in an inspirational way, and shouldn't be considered final design.


Please note: 

Photography in this document is used to guide photography art direction, and is shown strictly for reference only. All content is proprietary and confidential, and appropriate licenses must be obtained before use.

Art Direction  ↑


Sections

OOH

Digital

Packaging

Social

Swag


To the Bottom  ↓

Applications

OOH

nectar_wildposting_01
2022_03_25_nectar_brandsystem_updates-07

Applications

Digital

nectar_ad_01
nectar_ad_02

Applications

Packaging

applications_01
applications_02
rectangle-61
applications_04
applications_05

Applications

Social

nectar_applications_social

Applications

Swag

nectar_application_labcoat
nectar_applications_bag
nectar_applications_businesscard
mark_white

Questions for Nectar?


Contact


Alyssa Perry

VP of Growth Marketing

alyssa@mynectar.com

Back to Contents⭡


Prepared by Character

March 2022