Brand Guidelines

Brand guidelines for Bridgestone TireConnect.

  • Text Color

    R=205 G=43 B=19
    #cd2b13

  • Text Color

    R=75 G=44 B=163
    #4b2ca3

  • Text Color

    R=24 G=24 B=24
    #181818

Ubuntu Bold

Headers

The Ubuntu typeface is intended to be used as a header and other title type content. Use Bold for large and secondary or lengthy titles.

Body Copy – Ubuntu Regular
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros.

Typography

Typography rules to follow for Bridgestone TireConnect's website.

Header Level 1

Ut acsi ad exputo illum fatua et amet patria blandit. Te autem eu olim esse illum fatua at imputo ut utrum. Premo persto consequat delenit meus. Minim quia in vel aliquam jus ut eros consequat commoveo. Commodo dolor augue paulatim et haero vicis commoveo si rusticus capto magna.

Header Level 2

Header Level 3

An image caption

Ut acsi ad exputo illum fatua et amet patria blandit. Te autem eu olim esse illum fatua at imputo ut utrum. Premo persto consequat delenit meus. Minim quia in vel aliquam jus ut eros consequat commoveo. Commodo dolor augue paulatim et haero vicis commoveo si rusticus capto magna.

Header Level 4

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

Header Level 5
Header Level 6

Examples of superscript Brand Name® and subscript H20.

  • List item 1
  • List item 2
    • Nested List item 1
    • Nested List item 2
    • Nested List item 3
  • List item 3
  1. List item 1
  2. List item 2
  3. List item 3

Pala oppeto conventio conventio ut diam cui dignissim. Olim valetudo consequat tation praemitto.

— John Doe, Company
Level 1 Level 2 Level 3
Feature 1
Feature 1
Feature 1
$9,999.99 $19,999.99 $29,999.99

Example Page Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla neque ex, semper sit amet leo vitae, ullamcorper sodales neque. Sed a sapien non nibh ornare elementum non sit amet libero. In hac habitasse platea dictumst. Integer ut est feugiat, mollis velit in, pharetra nisl. Integer lorem leo, maximus a facilisis non, egestas sed risus. Phasellus et facilisis elit. Aenean dolor erat, egestas in congue eget, molestie et justo. Nam lorem quam, vulputate quis est in, egestas facilisis felis. Vivamus vehicula metus ac finibus placerat.

Donec non mattis justo. Pellentesque consectetur, felis ac ullamcorper ullamcorper, libero eros porttitor magna, quis suscipit metus risus ac tortor. Praesent tempor maximus nibh ut finibus. Etiam et varius tortor. Praesent vel sagittis lorem. Maecenas nec convallis augue, et cursus ex. Donec nec ultrices purus. Phasellus sit amet velit nec nisi blandit pulvinar. Donec eget pharetra risus. Vestibulum at ipsum augue.

Morbi vestibulum rhoncus ligula ut rhoncus. Praesent tortor mauris, tincidunt quis posuere id, pharetra quis est. Phasellus eu justo ac erat euismod iaculis vel ut est. Mauris in fermentum massa. Suspendisse non interdum erat. Pellentesque sit amet felis sollicitudin, tempus quam non, fermentum odio. Suspendisse nec congue neque, vel placerat neque. Nunc consequat ornare est, eu porttitor justo vulputate sed. Praesent ut mattis est, et euismod purus. Suspendisse nec dignissim nisl.
Etiam tortor nunc, elementum a neque sit amet, commodo bibendum tortor. Duis bibendum diam in metus dignissim ultricies. Donec est odio, rhoncus nec viverra ut, sodales at mauris. Curabitur tincidunt ex eu pellentesque dignissim. Ut lacinia, arcu eu posuere sagittis, nisl velit tristique nisi, eget ultrices leo risus et leo. Nam et suscipit erat.
Quisque vulputate urna in dui tincidunt tristique. Aliquam pulvinar massa quis sollicitudin imperdiet. Aenean nisi turpis, bibendum ac eleifend eget, ullamcorper sit amet est. Integer rutrum pharetra ipsum nec suscipit. Vivamus laoreet, lacus in eleifend euismod, diam urna porttitor quam, non viverra tellus mi sollicitudin enim.

Buttons

Styles for base buttons and CTAs.

Boxes

Styles for encapsulating elements.

Box Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla neque ex, semper sit amet leo vitae, ullamcorper sodales neque. Sed a sapien non nibh ornare elementum non sit amet libero. In hac habitasse platea dictumst. Integer ut est feugiat, mollis velit in, pharetra nisl. Integer lorem leo, maximus a facilisis non, egestas sed risus. Phasellus et facilisis elit. Aenean dolor erat, egestas in congue eget, molestie et justo. Nam lorem quam, vulputate quis est in, egestas facilisis felis. Vivamus vehicula metus ac finibus placerat.

Button Text

Icons

Iconography is used throughout the site to aid in functionality.

Usage: <i class="icon-check"> will output

Alternatively, you can add the icon class to other HTML elements such as <a href="#" class="icon-check">Text Link</a> which would output Text Link

Forms

Base form styling for regular forms and hubspot forms.

Warning!

You are using an outdated browser. Things may not appear as intended. We recommend updating your browser to the latest version.

Close