Brand Guidelines 2017

Transcription

1 Brand Guidelines 2017

2 1. INTRO Signifyd was founded to make fraud-free e-commerce available to every business. Signifyd solves the challenges that growing e-commerce businesses persistently face: billions of dollars lost in chargebacks, customer dissatisfaction from mistaken declines, and operational costs due to tedious, manual transaction investigation. Our story As the world s largest provider of Guaranteed Fraud Protection, Signifyd provides a 100 percent financial guarantee against fraud and chargebacks on every approved order. This effectively shifts the liability for fraud away from e-commerce merchants allowing them to increase sales and open new markets while reducing risk. Signifyd is in use by multiple companies on the Fortune 1000 and Internet Retailer Top 500 list. Signifyd has been recognized by Forbes as one of 50 Most Innovative Companies in Fintech, by Bloomberg as one of the Most Promising Startups, and by Red Herring as one of North America s Top 100 Most Exciting and Innovative Private Technology Companies. Signifyd s unique culture has earned the company recognition as one of Inc. s Best Workplaces, Entrepreneur s Top Company Cultures, and one of the Best Places to Work in the Bay Area by the San Francisco Business Times and the Silicon Valley Business Journal. Signifyd is headquartered in San Jose, CA.

3 1. INTRO The following guidelines will help you make correct use of our brand. By using our brand assets, you indicate your acceptances of our Trademark Usage Guidelines and you understand that a violation of these guidelines will result in the termination of your license and/or permission to use our brand assets. Your use must not mislead consumers as to our sponsorship of, affiliation with, or endorsement of your company or your products or services. Our brand Our brand assets are our exclusive property. All goodwill that results from your use of our brand assets will be solely to our benefit. You will not take any action that is at odds with our rights or ownership of our brand assets. Where used on a web page, our brand assets, as well as the mention of our name, should include embedded hyperlinks to our homepage: Our brand assets must be used in a respectful manner. Our brand assets may not be used in a way that harms us, our products or services, or in a manner which, in our opinion, lessens or otherwise damages our reputation or the goodwill in our brand assets. In other words, please do not associate our brand assets with any illicit or illegal activities or use them in a way that is deceptive or harmful.

4 2. LOGO PRIMARY LOGO Our logo Use the primary logo whenever possible on all communications. The Signifyd logo is the strongest visual element used to promote our brand. Therefore, it must be used consistently and correctly in order to effectively build awareness and to reinforce its legal protection as our identity. The logo must be applied to all materials in accordance with the standards illustrated within these guidelines to ensure maximum consistency and visibility is achieved with every application. Our logo is composed of multiple components that should never be altered or changed in any way. Use only the approved logos in their electronic format.

5 2. LOGO Logo variations Use the secondary logo when the primary logo is not an option. SECONDARY LOGO (INVERTED) SECONDARY LOGO (MONOTONE 1) OUR LOGO MARK SECONDARY LOGO (MONOTONE 2) It s our logo stripped of its wordmark. Use it only when and where space is limited, or for favicons, social media or mobile applications, and promotions. You must get approval prior to any unique implementation. When can I use the monotone logos? When color is not an option or is too expensive to print Embroidered labels on apparel (swag) On top of busy photography when the full-color logo simply doesn t work When you have several logos grouped together and want a clean monotone look

6 2. LOGO Logo misuse Due to the broad range of application requirements, our logo is vulnerable to misuse. Many times, a well-intentioned treatment of our logo can be categorized as misuse. Consistent and accurate presentation of the Signifyd logo will reinforce awareness of our brand and ensure that the legal protect-ability of our trademark is not compromised. To help avoid misuse, use only approved electronic artwork. The logo mark follows the same rules as the logo for color options, background control, and misuses. Don t apply drop shadow Don t stack the logo elements Don t rotate any part of the logo Don t violate the clear space SIGNIFYD Don t modify the font Don t apply any gradients Don t use the wordmark alone Don t create repeating patterns Don t modify transparency Don t use on a low contrast background Don t change the colors Don t use on a busy background LOREM IPSUM Don t create your own lockups Don t alter the proportions Don t squeeze, stretch or distort Don t outline the logo Download our logos here

7 2. LOGO Logo sizing & spacing For visual consistency among high-visibility design applications, logo sizes shown here are recommended as standard sizes for respective applications. Preserving legibility in both print and digital formats is crucial. Logo spacing For this one to show the full potential, leave at least one glyph worth of space around it. Glyph spacing It s best to have at least one glyph at 25% the size around it. 100px Minimum size - digital Our logo should not be smaller than 100px in width..75 Minimum size - print Printed, our logo shouldn t be smaller than 0.75 in width.

8 3. ELEMENTS OF STYLE PRIMARY PALETTE Color unifies the Signifyd brand, creates continuity, and sets the right tone and proper mood for a brochure, website, or any other content piece. Signifyd main colors Palette Signifyd Blue PMS 287C CMYK C=100 M=75 Y=2 K=18 RGB R=0 G=48 B=135 HEX# Signifyd Gold PMS 124C CMYK C=0 M=30 Y=100 K=0 RGB R=234 G=170 B=0 HEX# eaaa00 White PMS Not available CMYK C=0 M=0 Y=0 K=0 RGB R=255 G=255 B=255 HEX# ffffff

9 3. ELEMENTS OF STYLE Secondary palette The secondary color palette is designed with color families to complement our primary color palette. The secondary colors can be used in fields of color, typography, icons, charts, graphics, and diagrams. Signifyd secondary colors Gray tones Turquoise Red Green Smoke Silver PMS 299C CMYK C=86 M=8 Y=0 K=0 RGB R=0 G=163 B=224 HEX# 00a3e0 PMS 172C CMYK C=0 M=73 Y=87 K=0 RGB R=250 G=70 B=22 HEX# fa4616 PMS 2256C CMYK C=57 M=0 Y=62 K=0 RGB R=86 G=194 B=113 HEX# 56c271 PMS 649C CMYK C=10 M=3 Y=1 K=0 RGB R=219 G=226 B=233 HEX# dbe2e9 PMS 2163C CMYK C=52 M=29 Y=26 K=3 RGB R=134 G=156 B=174 HEX# 869cae Purple 1 Purple 2 Slate Steel PMS 2069C CMYK C=47 M=81 Y=0 K=0 RGB R=164 G=56 B=168 HEX# a438a8 PMS 268C CMYK C=82 M=98 Y=0 K=12 RGB R=88 G=44 B=131 HEX# 582c83 PMS 2379C CMYK C=79 M=67 Y=44 K=32 RGB R=59 G=69 B=89 HEX# 3b4559 PMS 533C CMYK C=95 M=72 Y=15 K=67 RGB R=31 G=42 B=68 HEX# 1f2a44

10 3. ELEMENTS OF STYLE FONTS Typography is an important part of our identity system. When used correctly and consistently, it provides an immediate visual connection with our brand. Type ARIAL Arial is our secondary corporate typeface for PowerPoint, other Microsoft applications and . Weights are Regular and Bold (including italics). Proxima Nova Proxima Nova is our primary corporate typeface for print and digital applications. Weights are Thin, Light, Regular, Semibold, Bold, Extrabold, Black (including italics). Proxima Nova Thin, Thin Italic Proxima Nova Light, Light Italic Proxima Nova Regular, Regular Italic Proxima Nova Semibold, Semibold Italic Proxima Nova Bold, Bold Italic Proxima Nova Extrabold, Extrabold Italic Proxima Nova Black, Black Italic

11 3. ELEMENTS OF STYLE BUTTONS UI elements Ghost button.button.ghost button { font-family: proxima-nova-semibold; font-size: 1em; font-weight: normal; background-color: transparent; border: 1px solid #fff; text-shadow: none; Display ads LEARN MORE 35 pixels 35 pixels Ghost button rollover.sg.button { position: relative; height: auto; box-shadow: none; transition: background-color 300ms ease-out; color: white; Default button height: 45px color: #eaaa00; spacing: 35px font: Proxima Nova Bold, 14px, center align, all caps

12 3. ELEMENTS OF STYLE Font headings Heading 1 h1 { font-size: 60px; line-height: 60px; font-family: proxima-nova ; font-weight: 300; font-style: normal; Heading 2 h2 { font-size: 44px; line-height: 46px; font-family: proxima-nova ; font-weight: 300; font-style: normal; Heading 3 h3 { font-size: 36px; line-height: 38px; font-family: proxima-nova ; font-weight: 700; font-style: normal; Heading 4 h4 { font-size: 28px; line-height: 30px; font-family: proxima-nova ; font-weight: 300; font-style: normal; Heading 5 h5 { font-size: 20px; line-height: 22px; font-family: proxima-nova ; font-weight: 700; font-style: normal; Paragraph p { font-size: 18px; line-height: 20px; font-family: proxima-nova; font-weight: 400; font-style: normal;

13 3. ELEMENTS OF STYLE Imagery

14 3. ELEMENTS OF STYLE Image categories PEOPLE ABSTRACT DATA E-COMMERCE

15 4. EXAMPLES OF USAGE