Contact Us: 262-202-8129

teamchipply@chipply.biz

How can we help?

12/08/2020 Tuesday Tip - Branding Page Color Guide

BRANDING PAGE COLOR GUIDE

1) Go to the Branding Page.

2) Enter in the hex code or select your color from the color grid.

Below is a guide for where each color will appear on the web store

Color 1: Headers

  • Top bar
  • Category bars
  • Various buttons throughout: Add & Continue Shopping, Proceed to Checkout, Review, Return to Store, Validate, Copy My Billing Information Above, Place Order
  • Contact phone number and email
  • Note from Dealer
  • Do Not Select White - customers will not be able to see some checkout buttons

Color 2: Slide Image Background

  • Behind the Slide Image
  • Behind Webstore Closing Information, Additional Information, and Terms
  • Behind the category name when inside a product
  • Checkout Headers: Customer Info, Billing Info, Shipping Info, Place Order, and Thank You
  • Do Not Select White - customers will not be able to see some checkout buttons

Color 3: Sheet

  • Container of products (main rectangle on page)
  • Behind the Slide Header and product containers

Color 4: Headers Foreground

  • Dealer name (if used instead of main logo)
  • Cart icon
  • Category names on main page

Color 5: Slide Foreground

  • Fundraising Meter
  • Countdown to store close
  • Webstore Closing Information, Additional Information, and Terms will pull in this color if they aren’t manually updated with a different color in their text field

Color 6: Background

  • Background on main page