Style guide.
Logo usage.
The Conagen logo is composed of both a wordmark and icon. The icon may be used freestanding, but the wordmark must never be used alone. Logos may be used in full color, white, black, or greyscale. The Conagen logo is a registered trademark and must never be separated from the trademark symbol.
Logos must have clear space around their perimeter. Clear space is indicated by a letter width and letter height. Dark grey indicates clear space. This must be kept free of all other graphical and visual elements.
Primary Logo (Full Color)
Primary Logo (White)
Primary Logo (Black)
Primary Logo (Grayscale)
Icon (Full Color)
Icon (White)
Icon (Black)
Icon (Grayscale)
Logo misuse.
Provided are examples of unapproved and incorrect ways to use the Conagen logo.
Do not add drop shadows
Do not resize separate elements
Do not outline
Do not alter colors
Do not use the workmark by itself
Do not rearrange elements
Minimal logo size.
The minimal size of the logo when shown in print should be 2 inches. The minimal size of the logo when shown on screen should be 200 pixels.
PRINT: 2in
DIGITAL: 200px
Tagline.
The Conagen tagline is a registered trademark and must always be displayed with the trademark symbol. The tagline may be displayed in either Bitter or Roboto typefaces. The word impossible in the tagline must always be in italics.
Making impossible possible®
When locked up with the logo, the tagline must be displayed in all caps underneath the full Conagen logotype.
Color palette.
Conagen’s colors are derived from the logo. Blue may be used as an accent color only.
PRIMARY COLORS
FOR WEB USE
R: 184 G: 208 B: 82
#B8D052
FOR PRINTING USE
C: 32 M: 3 Y: 87 K: 0
PANTONE 367C
FOR WEB USE
R: 139 G: 166 B: 40
#8BA628
FOR PRINTING USE
C: 51 M: 19 Y: 100 K: 2
PANTONE 7746C
FOR WEB USE
R: 100 G: 124 B: 25
#647C19
FOR PRINTING USE
C: 63 M: 33 Y: 100 K: 16
PANTONE 370C
FOR WEB USE
R: 62 G: 82 B: 2
#3E5202
FOR PRINTING USE
C: 69 M: 45 Y: 100 K: 41
PANTONE 5747C
ACCENT COLOR
FOR WEB USE
R: 74 G: 181 B: 231
#4AB5E7
FOR PRINTING USE
C: 62 M: 11 Y: 0 K: 0
PANTONE 298C
Typography.
On the web and in print, Bitter Bold and Roboto are used. Stylistically, a blue or light green period may be used after header text only.
Header
Aa
BITTER BOLD
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Subheader
Aa
ROBOTO BOLD
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Body Copy
Aa
ROBOTO REGULAR
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Iconography.
Conagen’s website features simple line icons to represent the markets we serve. Icons must be displayed with a consistent gradient between the blue accent color (#4AB5E7) and bright green primary color (#B8D052).
Photographic styling.
Photographic styling for Conagen includes microbe shots in mostly blue and green shades with a touch of golden yellow. These images and others should remain within this color spectrum.
Web elements.
Conagen has a clean and modern feeling web presence when it comes to elements being used on the website. All buttons and containers on the web have rounded corner radius of 10px. Elements are built within four colors: white (#FFFFFF), blue (#4AB5E7), light green (#B8D052), and dark green (#8BA628).
Button Size
About Us 
52px
200px
The website has four active button colors that appear on various pages.
These buttons change color on hover as follows:
Is there something missing? Contact your brand ambassador to make a request.