Bolt

📋 3 Guidelines

🔗 Connections

Sector

Finance Software

Region

Usa

Guideline Year

2024 2025 2019

Language

English

Tags

Featured Financial Internet

Official Websites

Brand Guidelines

2025

Brand Summary

Mission
  • Bolt aims to provide a lightning quick, simple, and trustworthy checkout experience, relieving e-commerce anxiety and converting guest shoppers into loyal account holders for better business outcomes.
Core Values
  • Thoughtfully Concise
  • Knowingly Playful
  • Comfortably at Ease
  • Trustworthiness
  • Simplicity
  • Innovation
Target Audience
  • Online shoppers and e-commerce businesses seeking a seamless, fast, and reliable checkout solution.
Personality Traits
  • Bold
  • Modern
  • Minimalist
  • Playful
  • Trustworthy
  • Concise
  • Comfortable
Visual Identity Overview
  • The Bolt brand uses bold, modern, sans-serif typography, a lightning bolt motif, minimalist layouts, and a color palette centered on Bolt Blue, Brand White, Black, Cyan, and gradients. The logo is a key asset, used with strict clearspace and sizing rules, and the visual style emphasizes clarity, contrast, and simplicity.

Categories

Brand Voice
  • We have three guiding tone of voice principles that help bring Bolt to life:
  • ToV Principle One Thoughtfully Concise
  • ToV Principle Two Knowingly Playful
  • ToV Principle Three Comfortably at Ease
Color Palette
  • Our logo may be used in Brand White, Bolt Blue, Bolt Black and Cyan (more on these colors later).
  • Use the elements in your piece of communication to determine the color of your logo for maximum contrast and clarity.
  • If your background is light, you should be using a Bolt Black logo or a Bolt Blue logo. If your background is dark, use the logo in Brand White or Cyan.
  • Over photography, you may use Cyan or Light Gray, but be sure it is clear and legible.
  • Never use the logo in any of the secondary colors.
  • Brand White logo for dark gradient backgrounds.
  • Bolt Blue logo for light backgrounds.
  • Bolt Black logo for holographic light backgrounds.
  • Cyan logo for use on photographs.
  • Primary colors Medium Black RGB: 16, 16, 60 These colors are used on all pieces of Bolt communication in one form or another. Dark Purple Bolt Blue #133EE3 Cyan Purple Brand White RGB: 104, 216, 252 RGB: 182, 136, 255
  • Our secondary colors are used on our website, in presentations and in illustrations, especially to create gradients over Pearl White.
  • These colors should be used sparingly, never as main floods of backgrounds or typography.
  • They are meant to help empower our primary set of colors when necessary and preferably when using light mode color schemes.
  • Mid Blue #006CFF RGB: 0, 108, 255 CMYK: 100, 30, 0, 0 Pantone: 2195 C Light Blue #D1D8FA RGB: 209, 216, 250 CMYK: 20, 10, 0, O Pantone: 2706 C Light Cyan #B2ECFF RGB: 178, 236, 255 CMYK: 40, 0, 10, 0 Pantone: 290 C Light Purple Light Pink #DECFFF #C5BFFF RGB: 222, 207, 255 RGB: 197, 191, 255 CMYK: 25, 25, 0, O CMYK: 15, 20, 0, 0 Pantone: 270 C Pantone: 9362 C
  • Gradients are the newest entry on our brand, mainly used to convey feelings of novelty, innovation and avantgardness. Use them carefully and preferably only as backgrounds.
  • Neutral colors Tone of Voice The neutral palette adds texture Logo and depth. Example: In text-heavy Color compositions, de-emphasize secondary info by setting in grey. Unsure of which color to select? Don’t hesitate to ping a designer on Slack. Generally, stick to black. Avoid illegible color choices.
  • Gray 100 #121624 RGB: 18, 22, 36 CMYK: 50, 39, 0, 86 Pantone: Cool Gray 11 C Gray 200 #333747 RGB: 51, 55, 71 CMYK: 28, 23, 0, 72 Pantone: Cool Gray 10 C Gray 300 (Dark) #4B4F5E RGB: 75, 79, 94 CMYK: 20, 16, 0, 63 Pantone: Cool Gray 9 C Gray 400 #4B4F5E RGB: 75, 79, 94 CMYK: 20, 16, 0, 63 Pantone: Cool Gray 9 C Gray 500 #8B8FA3 RGB: 139, 143, 163 CMYK: 15, 12, 0, 36 Pantone: Cool Gray 7 C
  • When combining our primary colors in a piece of communication, always try to ensure legibility. Do not layer bright colors atop on another or dark colors atop one another in a way that would make something difficult to read.
  • Here are a set of primary color combinations that could be a good place to start.
  • Sometimes we use color to highlight certain words on a page for emphasis. The highlight color should be brighter than the rest of the sentence or paragraph, and is usually Lightning Yellow or Light Grey.
  • Background: dark grey, text: light grey, highlight: lightning yellow.
  • Background: Bolt black, text: light grey, highlight: lightning yellow
Typography
  • We have one typeface we use for all of our headlines: Agrandir Narrow Bold. Featuring many fine details, moderate contrast and slightly unusual anatomy, the typeface can be a loud and proud hero or a humble supporting actor for all sorts of designs.
  • Agrandir Narrow by Pangram Pangram
  • Our secondary typeface is Inter. It is used across all body copy when we need to be a bit more clear and digestible versus expressive. We use Inter Medium for the most part, but will occasionally highlight key words or phrases in Inter Semi Bold.
  • Inter by Rasmus Andersson
  • Whenever we write and design copy, please ensure to use the following examples as guidance.
  • Headline: Agrandir Narrow Bold
  • Subline: Agrandir Narrow Medium
  • Body copy: Inter
  • Annotation: Inter
  • Button: Inter
  • When combining our primary colors in a piece of communication, always try to ensure legibility. Do not layer bright colors atop on another or dark colors atop one another in a way that would make something difficult to read.
  • Sometimes we use color to highlight certain words on a page for emphasis. The highlight color should be brighter than the rest of the sentence or paragraph, and is usually Lightning Yellow or Light Grey.
  • Background: dark grey, text: light grey, highlight: lightning yellow.
  • Background: Bolt black, text: light grey, highlight: lightning yellow
Logo Usage
  • Our logo is our brand’s most important element. It is a unique and bold signifier of the Bolt brand. The lightning shape in the logo supports our lightning quick product offering while the solid, capital forms of the letters are reflective of our unending trustworthiness.
  • Our logo may be used in Brand White, Bolt Blue, Bolt Black and Cyan (more on these colors later).
  • Use the elements in your piece of communication to determine the color of your logo for maximum contrast and clarity.
  • If your background is light, you should be using a Bolt Black logo or a Bolt Blue logo. If your background is dark, use the logo in Brand White or Cyan.
  • Over photography, you may use Cyan or Light Gray, but be sure it is clear and legible.
  • Never use the logo in any of the secondary colors.
  • Brand White logo for dark gradient backgrounds.
  • Bolt Blue logo for light backgrounds.
  • Bolt Black logo for holographic light backgrounds.
  • Cyan logo for use on photographs.
  • For clarity across digital and print applications our logo should never be reproduced at any size below the adjacent guidance.
  • To look its best, our logo needs space to stand out. We have defined parameters to make sure no other elements encroach on this clear space.
  • The Bolt logo may be used as the large primary element in a piece of communication, or secondarily to support text or imagery.
  • Be conscious of sizing and contrast to ensure its primary or secondary functionality. We don’t want the logo and adjacent elements to feel exactly the same.
  • Logo as primary element
  • Logo as secondary element
  • Sometimes, we may need to lockup our logo with another business or partner.
  • We separate our logo and a partner’s logo by the distance of 0.28x. ‘x’ is defined by the width of our logo. Our partner’s logo should never exceed the size height of our symbol, with the exception of small overhanging elements. For example due to the Fanatics logo’s irregular size, we have to optically align to their wordmark as opposed to the flag’s edge.
  • Our logo is our most sacred asset. Please treat it with the utmost respect. Thank you.
  • Don’t angle it.
  • Don’t add gradients.
  • Don’t stretch it.
  • Don’t pull the bolt out.
  • Don’t fill the bolt.
  • Don’t use multiple colors.
  • Don’t stroke it.
Tone And Messaging
  • We have three guiding tone of voice principles that help bring Bolt to life:
  • ToV Principle One Thoughtfully Concise
  • ToV Principle Two Knowingly Playful
  • ToV Principle Three Comfortably at Ease
Brand Values
  • We have three guiding tone of voice principles that help bring Bolt to life:
  • ToV Principle One Thoughtfully Concise
  • ToV Principle Two Knowingly Playful
  • ToV Principle Three Comfortably at Ease
Visual Style
  • Our logo may be used in Brand White, Bolt Blue, Bolt Black and Cyan (more on these colors later).
  • Use the elements in your piece of communication to determine the color of your logo for maximum contrast and clarity.
  • If your background is light, you should be using a Bolt Black logo or a Bolt Blue logo. If your background is dark, use the logo in Brand White or Cyan.
  • Over photography, you may use Cyan or Light Gray, but be sure it is clear and legible.
  • Never use the logo in any of the secondary colors.
  • Brand White logo for dark gradient backgrounds.
  • Bolt Blue logo for light backgrounds.
  • Bolt Black logo for holographic light backgrounds.
  • Cyan logo for use on photographs.
  • For clarity across digital and print applications our logo should never be reproduced at any size below the adjacent guidance.
  • To look its best, our logo needs space to stand out. We have defined parameters to make sure no other elements encroach on this clear space.
  • The Bolt logo may be used as the large primary element in a piece of communication, or secondarily to support text or imagery.
  • Be conscious of sizing and contrast to ensure its primary or secondary functionality. We don’t want the logo and adjacent elements to feel exactly the same.
  • Sometimes, we may need to lockup our logo with another business or partner. We separate our logo and a partner’s logo by the distance of 0.28x. ‘x’ is defined by the width of our logo. Our partner’s logo should never exceed the size height of our symbol, with the exception of small overhanging elements.
  • Our logo is our most sacred asset. Please treat it with the utmost respect. Thank you.
  • Don’t angle it.
  • Don’t add gradients.
  • Don’t stretch it.
  • Don’t pull the bolt out.
  • Don’t fill the bolt.
  • Don’t use multiple colors.
  • Don’t stroke it.
  • Our secondary colors are used on our website, in presentations and in illustrations, especially to create gradients over Pearl White. These colors should be used sparingly, never as main floods of backgrounds or typography. They are meant to help empower our primary set of colors when necessary and preferably when using light mode color schemes.
  • Gradients are the newest entry on our brand, mainly used to convey feelings of novelty, innovation and avantgardness. Use them carefully and preferably only as backgrounds.
  • The neutral palette adds texture and depth. Example: In text-heavy compositions, de-emphasize secondary info by setting in grey. Unsure of which color to select? Don’t hesitate to ping a designer on Slack. Generally, stick to black. Avoid illegible color choices.
  • We have one typeface we use for all of our headlines: Agrandir Narrow Bold. Featuring many fine details, moderate contrast and slightly unusual anatomy, the typeface can be a loud and proud hero or a humble supporting actor for all sorts of designs.
  • Our secondary typeface is Inter. It is used across all body copy when we need to be a bit more clear and digestible versus expressive. We use Inter Medium for the most part, but will occasionally highlight key words or phrases in Inter Semi Bold.
  • Whenever we write and design copy, please ensure to use the following examples as guidance. Headline: Agrandir Narrow Bold. Subline: Agrandir Narrow Medium. Body copy: Inter. Annotation: Inter. Button: Inter.
  • When combining our primary colors in a piece of communication, always try to ensure legibility. Do not layer bright colors atop on another or dark colors atop one another in a way that would make something difficult to read.
  • Sometimes we use color to highlight certain words on a page for emphasis. The highlight color should be brighter than the rest of the sentence or paragraph, and is usually Lightning Yellow or Light Grey.
Layout And Composition
  • For clarity across digital and print applications our logo should never be reproduced at any size below the adjacent guidance.
  • To look its best, our logo needs space to stand out. We have defined parameters to make sure no other elements encroach on this clear space.
  • The Bolt logo may be used as the large primary element in a piece of communication, or secondarily to support text or imagery.
  • Be conscious of sizing and contrast to ensure its primary or secondary functionality. We don’t want the logo and adjacent elements to feel exactly the same.
  • We separate our logo and a partner’s logo by the distance of 0.28x. ‘x’ is defined by the width of our logo. Our partner’s logo should never exceed the size height of our symbol, with the exception of small overhanging elements.
  • Never use the logo in any of the secondary colors.
  • Don’t angle it.
  • Don’t add gradients.
  • Don’t stretch it.
  • Don’t pull the bolt out.
  • Don’t fill the bolt.
  • Don’t use multiple colors.
  • Don’t stroke it.
Co Branding
  • Sometimes, we may need to lockup our logo with another business or partner.
  • We separate our logo and a partner’s logo by the distance of 0.28x. ‘x’ is defined by the width of our logo. Our partner’s logo should never exceed the size height of our symbol, with the exception of small overhanging elements. For example due to the Fanatics logo’s irregular size, we have to optically align to their wordmark as opposed to the flag’s edge.
  • 0.28x BOLT * stri 0.28x BOLT’ * Klarna.
  • 0.28x BOLT’ –1-* v Fanatics

2024

Brand Summary

Mission
  • Enable shoppers to breeze through checkout and consistently convert guest shoppers into loyal account holders for better business in the short term and long run.
Core Values
  • trustworthiness
  • clarity
  • simplicity
  • playfulness
  • ease
Target Audience
  • E-commerce shoppers and businesses seeking a quick, safe, and effortless online payment experience.
Personality Traits
  • thoughtfully concise
  • knowingly playful
  • comfortably at ease
  • bold
  • modern
Visual Identity Overview
  • The brand uses bold, capitalized logo forms with a lightning motif, a vibrant Lightning Yellow hero color, warm greys, and Bolt Black. Typography is modern and expressive, with clear guidelines for logo usage, color contrast, and type hierarchy. The visual style is minimalistic, high-contrast, and emphasizes clarity and simplicity.

Categories

Brand Voice
  • We have three guiding tone of voice principles that help bring Bolt to life:
  • ToV Principle One Thoughtfully concise
  • ToV Principle Two Knowingly playful
  • ToV Principle Three Comfortably at ease
Brand Imagery
  • Our logo may be used in Lightning Yellow, Light gray, and Bolt Black (more on these colors later).
  • Use the elements in your piece of communication to determine the color of your logo for maximum contrast and clarity.
  • If your background light, you should be using a Bolt Black logo. If your background is dark, use the logo in Light gray or Lightning Yellow.
  • Over photography, you may use Light gray or Lightning Yellow, but be sure it is clear and legible.
  • Never use the logo in any of the secondary colors.
  • Bolt Black logo for Lightning Yellow backgrounds.
  • Light Gray logo for dark backgrounds.
  • Bolt Black logo for light backgrounds.
  • Lightning Yellow or Light Gray logo for use on photographs.
Color Palette
  • Our logo may be used in Lightning Yellow, Light gray, and Bolt Black (more on these colors later).
  • Use the elements in your piece of communication to determine the color of your logo for maximum contrast and clarity.
  • If your background light, you should be using a Bolt Black logo. If your background is dark, use the logo in Light gray or Lightning Yellow.
  • Over photography, you may use Light gray or Lightning Yellow, but be sure it is clear and legible.
  • Never use the logo in any of the secondary colors.
  • Bolt Black logo for Lightning Yellow backgrounds.
  • Light Gray logo for dark backgrounds.
  • Bolt Black logo for light backgrounds.
  • Lightning Yellow or Light Gray logo for use on photographs.
  • Primary colors Our main set of colors are a handful of neutral warm greys, a deep beautiful Bolt Black and our vibrant hero color Lightning Yellow. These colors are used on all pieces of Bolt communication in one form or another.
  • Lightning Yellow #E1FF00 RGB: 230.255.0 CMYK: 16.0.100.0 Pantone: 809 U While printing (recco in this order): Safety Yellow 13-0630 TN Backup: 809 U or 809 C. Last resort: CMYK: 16.0.100.0
  • Bolt Black #11190C RGB: 17.25.12 CMYK: 72.59.74.81 Pantone: 419 C
  • Mid Grey #CAC4B7 RGB: 202.196.183 CMYK: 21.18.26.0 Pantone: P 178-1 U
  • Light Grey #F3F1EE RGB: 243.241.238 CMYK: 3.3.4.0 Pantone: P 134-9 U
  • When combining our primary colors in a piece of communication, always try to ensure legibility. Do not layer bright colors atop on another or dark colors atop one another in a way that would make something difficult to read.
  • Here are a set of primary color combinations that could be a good place to start.
  • Sometimes we use color to highlight certain words on a page for emphasis. The highlight color should be brighter than the rest of the sentence or paragraph, and is usually Lightning Yellow or Light Gray.
  • Background: dark gray, text: light gray, highlight: lightning yellow.
  • Background: Bolt black, text: light gray, highlight: lightning yellow
Typography
  • We have one typeface we use for all of our headlines: Agrandir Narrow Bold. Featuring many fine details, moderate contrast and slightly unusual anatomy, the typeface can be a loud and proud hero or a humble supporting actor for all sorts of designs.
  • Agrandir Narrow by Pangram Pangram
  • Our secondary typeface is Inter. It is used across all body copy when we need to be a bit more clear and digestible versus expressive. We use Inter Medium for the most part, but will occasionally highlight key words or phrases in Inter Semi Bold.
  • Inter by Rasmus Andersson
  • Whenever we write and design copy, please ensure to use the following examples as guidance.
  • Headline: Agrandir Narrow Bold
  • Subline: Agrandir Narrow Medium
  • Body copy: Inter
  • Annotation: Inter
  • Button: Inter
  • When combining our primary colors in a piece of communication, always try to ensure legibility. Do not layer bright colors atop on another or dark colors atop one another in a way that would make something difficult to read.
  • Sometimes we use color to highlight certain words on a page for emphasis. The highlight color should be brighter than the rest of the sentence or paragraph, and is usually Lightning Yellow or Light Gray.
Logo Usage
  • Our logo is our brand’s most important element. It is a unique and bold signifier of the Bolt brand. The lightning shape in the logo supports our lightning quick product offering while the solid, capital forms of the letters are reflective of our unending trustworthiness.
  • Our logo may be used in Lightning Yellow, Light gray, and Bolt Black (more on these colors later).
  • Use the elements in your piece of communication to determine the color of your logo for maximum contrast and clarity.
  • If your background light, you should be using a Bolt Black logo. If your background is dark, use the logo in Light gray or Lightning Yellow.
  • Over photography, you may use Light gray or Lightning Yellow, but be sure it is clear and legible.
  • Never use the logo in any of the secondary colors.
  • Bolt Black logo for Lightning Yellow backgrounds.
  • Light Gray logo for dark backgrounds.
  • Bolt Black logo for light backgrounds.
  • Lightning Yellow or Light Gray logo for use on photographs.
  • Minimum Size For clarity across digital and printapplications our logo should never be reproduced at any size below the adjacent guidance.
  • To look its best, our logo needs space to stand out. We have defined parameters to make sure no other elements encroach on this clear space.
  • The Bolt logo may be used as the large primary element in a piece of communication, or secondarily to support text or imagery.
  • Be conscious of sizing and contrast to ensure its primary or secondary functionality. We don’t want the logo and adjacent elements to feel exactly the same.
  • Sometimes, we may need to lockup our logo with another business or partner.
  • We separate our logo and a partner’s logo by the distance of 0.28x. ‘x’ is defined by the width of our logo. Our partner’s logo should never exceed the size height of our symbol, with the exception of small overhanging elements. For example due to the Fanatics logo’s irregular size, we have to optically align to their wordmark as opposed to the flag’s edge.
  • 0.28x BOLz * Stri 0.28x BOLT’ * Klarna.
  • Our logo is our most sacred asset.
  • Please treat it with the utmost respect. Thank you.
Tone And Messaging
  • We have three guiding tone of voice principles that help bring Bolt to life:
  • ToV Principle One Thoughtfully concise
  • ToV Principle Two Knowingly playful
  • ToV Principle Three Comfortably at ease
Visual Style
  • Our logo may be used in Lightning Yellow, Light gray, and Bolt Black (more on these colors later).
  • Use the elements in your piece of communication to determine the color of your logo for maximum contrast and clarity.
  • If your background light, you should be using a Bolt Black logo. If your background is dark, use the logo in Light gray or Lightning Yellow.
  • Over photography, you may use Light gray or Lightning Yellow, but be sure it is clear and legible.
  • Never use the logo in any of the secondary colors.
  • Bolt Black logo for Lightning Yellow backgrounds.
  • Light Gray logo for dark backgrounds.
  • Bolt Black logo for light backgrounds.
  • Lightning Yellow or Light Gray logo for use on photographs.
Co Branding
  • Sometimes, we may need to lockup our logo with another business or partner.
  • We separate our logo and a partner’s logo by the distance of 0.28x. ‘x’ is defined by the width of our logo. Our partner’s logo should never exceed the size height of our symbol, with the exception of small overhanging elements. For example due to the Fanatics logo’s irregular size, we have to optically align to their wordmark as opposed to the flag’s edge.

2019

Brand Summary

Mission
  • Bolt is on a mission to make commerce instant, consistent, and trusted [^1].
Core Values
  • Instant
  • Consistent
  • Trusted
Target Audience
  • Merchants, end users, and partners in the ecommerce ecosystem, including those seeking advanced checkout, fraud detection, and payment solutions [^2].
Personality Traits
  • Precise
  • Direct
  • Premium
  • Daring
  • Ambitious
  • Consummately professional
  • Not overtly fun
  • Not self-important
  • Not cavalier
  • Not fluffy or average [^3]
Visual Identity Overview
  • The visual identity is modern, premium, and direct, featuring a bold lightning bolt icon, a clean sans-serif typeface (Helvetica Neue), a core palette of blue, black, and white, and strict logo usage guidelines. The style emphasizes clarity, contrast, and simplicity, with careful use of accent colors and structured layouts [^4].

Categories

Brand Voice
  • Bolt is on a mission to make commerce: Instant. Consistent. Trusted.
  • Premium Serious Conventional Friend Classic Mass Appeal Playful Rebel Authority Innovative
  • Bolt is: + Precise. Direct. + Premium. + Daring. Ambitious. + Consummately professional. Is not: - Overtly fun. Effusive. - Self-important or complex. - Cavalier. Careless. - Fluffy, apologetic, or average.
Color Palette
  • Wherever possible, utilize our “premium” color palette of blue. Contrast with proportions. Imply a color pop in ratio of 50:50:25. Unsure of which color to select? Ping a designer on Slack. Dark mode materials. Don’t.
  • Off Black RGB: R: 24 G: 26 B: 32 CMYK: C: 3 M: 2 Y: 0 K: 87 HEX: #181A20 PMS: Neutral Black C
  • White RGB: R: 255 G: 255 B: 255 CMYK: C: 0 M: 0 Y: 0 K: 0 HEX: #FFFFFF PMS: Opaque White
  • Bolt Blue RGB: R: 0 G: 108 B: 255 CMYK: C: 100 M: 58 Y: 0 K: 0 HEX: #006CFF PMS: 285C
  • The neutral palette adds texture and depth. Example: In text-heavy secondary compositions, de-emphasize info by setting in grey. Unsure of which color to select? Ping a designer on Slack. Avoid illegible color choices. Generally, stick to black.
  • Gray 3 RGB: R: 88 G: 90 B: 96 CMYK: C: 3 M: 2 Y: 0 K: 62 HEX: #585A60 PMS: Cool Gray 10 C
  • Gray 2 RGB: R: 140 G: 144 B: 152 CMYK: C: 5 M: 3 Y: 0 K: 40 HEX: #8C9098 PMS: 877 C
  • Gray 1 RGB: R: 182 G: 184 B: 192 CMYK: C: 4 M: 3 Y: 0 K: 25 HEX: #B6B8C0 PMS: 434 C
  • Off White RGB: R: 242 G: 244 B: 248 CMYK: C: 2 M: 2 Y: 0 K: 3 HEX: #F2F4F8 PMS: 656 C
  • The accent palette exists to add differentiation to data-rich visualizations.
  • Gradients should be used carefully and sparingly.
  • First choice accent colors Cyan RGB: 96, 216, 168 CMYK: 47, 0, 19, 15 HEX: #60D8A8 PMS: 3385C RGB: 104, 216, 252 CMYK: 58, 14, 0, 1 HEX: #68D8FC PMS: 3105 C
  • Secondary accent colors Bytanzium RGB: 144, 32, 104 CMYK: 0, 44, 16, 44 HEX: #902068 PMS: 235 C
  • Do not use unapproved color combinations.
Typography
  • Premium, direct, no bullshit. Helvetica Neue. The workhorse type family, popularized by 1960s Swiss Minimalist design.
  • Helvetica Neue Bold Helvetica Neue Medium Helvetica Neue Regular Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
  • Headline Weight: Bold Size: 40px and higher Color: Black on light White on dark Pargraph Weight: Regular Size: 14-18px Color: Black on light White on dark Call to action Weight: Medium Size: 14-18px Color: Bolt Blue
  • Set Medium. headlines A simple in Bold. formula Text with in Regular great .results. CTAs in Bolt makes you more money.
  • H1 Large Heading 40px/44px/Bold
  • H2 Medium Heading 32px/36px/Bold
  • H3 Medium Heading 24px/32px/Bold
  • H4 Small Heading 18px/28px/Bold
  • H5 Small Heading 16px/24px/Bold
  • H6 Small Heading 14px/20px/Bold
  • Paragraph Large 18px/28px/Regular
  • Paragraph Medium 16px/24px/Regular
  • Paragraph Small 14px/20px/Regular
  • Blockquote 24px/32px/Regular
  • Link Large 18px/28px/Medium
  • Link Medium 16px/24px/Medium
  • Link Small 14px/20px/Medium
  • Always proofread to ensure no spelling, Also be mindful when formatting type to avoid punctuation, or grammar mistakes are present. awkward line breaks, rags, orphans, and line lengths that are too long.
  • Sentence Case + I’m easiest to read. – I’m Harder To Read. – I’M HARDEST TO READ
  • Punctuation + Intelligent, not playful. + Intelligent — not playful? – Intelligent…not playful!
  • Oxford comma + Checkout, payments, and fraud + Checkout, payments & fraud. – Checkout, payments and fraud / Checkout, payments, & fraud.
  • Terminology + Ecommerce / ecommerce – eCommerce / e-Commerce / E-commerce – IE-com / e-com / ecom
  • Formatting + 40 characters or less for headlines + 50-60 characters per line for paragraphs + “Quotes and citations can be italicized.” + Underline links – Avoid overstyling text and with belts and suspenders.
  • Rags and Orphans + I am a pargraph with clean rags. I am a pargraph with clean rags. I am a pargraph with clean rags. I am a pargraph with clean rags. I am a pargraph with clean rags. – I am a pargraph with awkward rags. I am a pargraph with awkward rags. I am a pargraph with awkward rags. I am a pargraph with awkward rags. I am a pargraph with awkward rags. – I am a sentence with an orphan.
Logo Usage
  • Production ready logo files for use can be found at Team Drives > Design > Design <> External > Logo. If you need access, please contact IT.
  • Be sure to choose the correct file fonnat based on the medium (print vs digital) and choose the logo option that will work with the background color (light vs dark).
  • Be mindful of having sufficient clear space surrounding the logo to ensure legibility.
  • When using pairing Bolt with other logos to show partnerships or collaborations, be sure to align logos vertically and maintain one Bolt logo mark spacing between them.
  • For consitency in representing the Bolt brand, refrain from using the logo in unapproved ways.
  • Do not use a drop shadow. Do not use against a complex image. Do not outline.
  • Do not use a gradient.
  • Do not use at a low resolution.
  • Do not add taglines.
  • Do not use unapproved color combinations.
  • Do not redraw or alter any parts.
  • Do not rotate.
  • Do not stretch or distort.
  • Do not use as a pattern.
  • Do not rearrange.
  • If producing merchandise to be given away as swag, use the primary logo, and ensure ample contrast against the material’s color.
  • If you need to produce merchandise that expresses our brand beyond the logo, contact the design team to initiate a project.
Tone And Messaging
  • Bolt is on a mission to make commerce: Instant. Consistent. Trusted.
  • Premium Serious Conventional Friend Classic Mass Appeal Playful Rebel Authority Innovative
  • Bolt is: + Precise. Direct. + Premium. + Daring. Ambitious. + Consummately professional. Is not: - Overtly fun. Effusive. - Self-important or complex. - Cavalier. Careless. - Fluffy, apologetic, or average.
Brand Values
  • Bolt is on a mission to make commerce: Instant. Consistent. Trusted.
  • Premium Serious Conventional Friend Classic Mass Appeal Playful Rebel Authority Innovative
Visual Style
  • Be mindful of having sufficient clear space surrounding the logo to ensure legibility.
  • When using pairing Bolt with other logos to show partnerships or collaborations, be sure to align logos vertically and maintain one Bolt logo mark spacing between them.
  • For consitency in representing the Bolt brand, refrain from using the logo in unapproved ways.
  • Do not use a drop shadow. Do not use against a complex image. Do not outline.
  • Do not use a gradient.
  • Do not use at a low resolution.
  • Do not add taglines.
  • Do not use unapproved color combinations.
  • Do not redraw or alter any parts.
  • Do not rotate.
  • Do not stretch or distort.
  • Do not use as a pattern.
  • Do not rearrange.
  • Wherever possible, utilize our “premium” color palette of blue. Contrast with a color pop in ratio of 50:50:25.
  • Off Black RGB: R: 24 G: 26 B: 32 CMYK: C: 3 M: 2 Y: 0 K: 87 HEX: #181A20 PMS: Neutral Black C
  • White RGB: R: 255 G: 255 B: 255 CMYK: C: 0 M: 0 Y: 0 K: 0 HEX: #FFFFFF PMS: Opaque White
  • Bolt Blue RGB: R: 0 G: 108 B: 255 CMYK: C: 100 M: 58 Y: 0 K: 0 HEX: #006CFF PMS: 285C
  • The neutral palette adds texture and depth. Example: In text-heavy secondary compositions, de-emphasize info by setting in grey or black.
  • Gray 3 RGB: R: 88 G: 90 B: 96 CMYK: C: 3 M: 2 Y: 0 K: 62 HEX: #585A60 PMS: Cool Gray 10 C
  • Gray 2 RGB: R: 140 G: 144 B: 152 CMYK: C: 5 M: 3 Y: 0 K: 40 HEX: #8C9098 PMS: 877 C
  • Gray 1 RGB: R: 182 G: 184 B: 192 CMYK: C: 4 M: 3 Y: 0 K: 25 HEX: #B6B8C0 PMS: 434 C
  • Off White RGB: R: 242 G: 244 B: 248 CMYK: C: 2 M: 2 Y: 0 K: 3 HEX: #F2F4F8 PMS: 656 C
  • The accent palette exists to add differentiation to data-rich visualizations.
  • Gradients should be used carefully and sparingly.
  • Premium, direct, no bullshit. Helvetica Neue. The workhorse type family, popularized by 1960s Swiss Minimalist design.
  • Helvetica Neue Bold Helvetica Neue Medium Helvetica Neue Regular Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
  • Headline Weight: Bold Size: 40px and higher Color: Black on light White on dark Pargraph Weight: Regular Size: 14-18px Color: Black on light White on dark Call to action Weight: Medium Size: 14-18px Color: Bolt Blue
  • Set Medium. headlines A simple in Bold. formula Text with in Regular great .results. CTAs in Bolt makes you more money.
  • H1 Large Heading 40px/44px/Bold
  • H2 Medium Heading 32px/36px/Bold
  • H3 Medium Heading 24px/32px/Bold
  • H4 Small Heading 18px/28px/Bold
  • H5 Small Heading 16px/24px/Bold
  • H6 Small Heading 14px/20px/Bold
  • Paragraph Large 18px/28px/Regular
  • Paragraph Medium 16px/24px/Regular
  • Paragraph Small 14px/20px/Regular
  • Blockquote 24px/32px/Regular
  • Link Large 18px/28px/Medium
  • Link Medium 16px/24px/Medium
  • Link Small 14px/20px/Medium
  • Always proofread to ensure no spelling, Also be mindful when formatting type to avoid punctuation, or grammar mistakes are present. awkward line breaks, rags, orphans, and line lengths that are too long.
  • Sentence Case + I’m easiest to read. – I’m Harder To Read. – I’M HARDEST TO READ
  • Punctuation + Intelligent, not playful. + Intelligent — not playful? – Intelligent…not playful!
  • Oxford comma + Checkout, payments, and fraud + Checkout, payments & fraud. – Checkout, payments and fraud / Checkout, payments, & fraud.
  • Terminology + Ecommerce / ecommerce – eCommerce / e-Commerce / E-commerce – IE-com / e-com / ecom
  • Formatting + 40 characters or less for headlines + 50-60 characters per line for paragraphs + “Quotes and citations can be italicized.” + Underline links – Avoid overstyling text and with belts and suspenders.
  • Rags and Orphans + I am a pargraph with clean rags. I am a pargraph with clean rags. I am a pargraph with clean rags. I am a pargraph with clean rags. I am a pargraph with clean rags. – I am a pargraph with awkward rags. I am a pargraph with awkward rags. I am a pargraph with awkward rags. I am a pargraph with awkward rags. I am a pargraph with awkward rags. – I am a sentence with an orphan.
  • If producing merchandise to be given away as swag, use the primary logo, and ensure ample contrast against the material’s color.
  • If you need to produce merchandise that expresses our brand beyond the logo, contact the design team to initiate a project.
Layout And Composition
  • Be mindful of having sufficient clear space surrounding the logo to ensure legibility.
  • When using pairing Bolt with other logos to show partnerships or collaborations, be sure to align logos vertically and maintain one Bolt logo mark spacing between them.
  • For consitency in representing the Bolt brand, refrain from using the logo in unapproved ways.
  • Do not use a drop shadow. Do not use against a complex image. Do not outline.
  • Do not use a gradient.
  • Do not use at a low resolution.
  • Do not add taglines.
  • Do not use unapproved color combinations.
  • Do not redraw or alter any parts.
  • Do not rotate.
  • Do not stretch or distort.
  • Do not use as a pattern.
  • Do not rearrange.
Brand Architecture
  • 3.1 — Sub-brand system Production at Team Drives ready > Design logo files > Design for use <> can External be found > . Be on color the sure (light medium to choose vs dark). (print the vs correct digital) file and format choose based the Logo. If you need Drive access, please contact IT logo option that will work with the background
  • Bolt —> End Users
  • Bolt Secured
  • Bolt —> Merchants
  • Bolt Checkout
  • Bolt Fraud
  • Bolt Payments
  • Bolt —> Bolt
  • Bolt Department
  • Brand Guidelines
  • 3.2 — Horizontal lockup Production ready logo files for use can be found at Team Drives > Design > Design <> External > Logo. If you need Drive access, please contact IT. Be sure to choose the correct file format based on the medium (print vs digital) and choose the logo option that will work with the background color (light vs dark).
  • 3.3 -Horizontal lockup Inverse Production ready logo files for use can be found at Team Drives > Design > Design <> External > Logo. If you need Drive access, please contact IT. Be sure to choose the correct file format based on the medium (print vs digital) and choose the logo option that will work with the background color (light vs dark).
  • 3.4 -Vertical lockup Production ready logo files for use can be found at Team Drives > Design > Design <> External > Logo. If you need Drive access, please contact IT. Be sure to choose the correct file fonnat based on the medium (print vs digital) and choose the logo option that will work with the background color (light vs dark).
  • 3.5 -Vertical lockup inverse Production ready logo files for use can be found at Team Drives > Design > Design <> External > Logo. If you need Drive access, please contact IT. Be sure to choose the correct file format based on the medium you intend to use to logo with (print vs digital) and choose the logo option that will work with the background color (light vs dark).
🐛 Report