Navigating the Colorway module

The Colorway Module is home to all your Product Colorways as well as your Component Colors.  This is where you manage attributes and images for each Color and organize them into Libraries and Palettes so they can be easily queried and applied to your Products and Components.  Backbone partnered with Pantone to provide their most popular Color ranges for your ease of use. In this article we'll cover the following topics: 

  • You access the Colorway Module by clicking its dedicated icon in the Global Navigation
  • You land in the Palette section of the Colorway Module to begin
    • Palettes are curated collections of Colors (50 color maximum)
    • Palettes are organized according to Season and Year
    • Expand and collapse the Year sections to view your Palettes
  • Click to expand the Library section in the left-hand navigation bar and see each Library nested underneath
    • Libraries are larger collections of Colors (there is no maximum number of colors which can live in a Library)
    • Libraries can be organized any number of different ways - by Season/Year like Palettes, or by other criteria such as Product/Component, Print/Solid, per Vendor, etc.
    • Click any Library Name to open it

Managing Color Libraries

  • Every Color in your account must live in a specific Library 
    • One Color cannot live in more than one Library
  • By default, your account has just one editable Color Library - titled “Custom Colors”
    • Any Colors you create from within a Product Summary Tab, a Component Variant Tab or a Palette  lands in the Custom Color Library, unless you specify another destination
    • The Custom Color Library cannot be deleted
  • Your account also comes with several Pantone Libraries by default
    • The Pantone Libraries are a resource to help you quickly create your own Colors referencing Pantone’s Names, Codes and Images
    • You cannot make changes to Pantone Libraries or the Pantone Colors living within them
    • Pantone Libraries cannot be deleted
  • Create additional, editable Color Libraries by clicking the Add New Library text at the top of the Library list in your left-hand navigation panel
  • Click the 3-dot Icon at the top right corner of any Color Library to access additional options:
    • Edit Library - allows you to rename the Library
    • Duplicate Library - duplicates the Library as well as any Colors contained within
      • Changes made on one copy of the Library, or on a Color within the Library, do not affect the other Color Library or Colors
    • Delete Library - deletes the Library as well as all the Colors contained within
      • Proceed with caution, as Deleted Colors are immediately removed from associated Products, Components and Palettes

Managing Color Palettes

  • Optionally use Palettes to organize specific subsets of Colors
    • Each Color you link to a Palette is also linked to a Library
    • Palettes can house Colors from just one Library or from multiple Libraries
    • One Color can live on more than one Palette 
  • Create new Palettes by clicking the Add New Palette button at the top right corner of the Palette section
  • Specify your Palette Name in the Palette Information drawer - or it will be named New Palette by default
    • Optionally, assign the Palette to a particular Division, Season, Year and Category
    • Click the Save button to save your Palette
  • Hover over any Palette preview to access additional options:
    • View/Edit - opens the entire Palette, you can make changes once you’ve opened it
    • Copy - duplicates the Palette
    • Delete - deletes the Palette

Adding New Colors to a Color Library

Custom / Unsourced Colors
  • Create a new Color by clicking the Add New Swatch button at the top right corner of any editable Color Library
    • Colors can also be created from the below locations, but regardless of where you create the Color, it saves to a Color Library:
      • When creating a new Product, in the Create Product Summary overlay
      • When editing an existing Product, in the Edit Product Summary overlay
      • In the Edit/Create Variants modal in the Component Variant Tab
      • From within a Color Palette
  • The Create/Edit Color Modal appears, where you assign various Color attributes:
    • Name
    • Custom Code
    • Internal Code
    • External Code
    • Visual Color Swatch
  • The only required Color attribute is the Name - the balance attributes are all optional
  • Color Name and Custom Code are the most visible attributes - you see them both in various places throughout the app and on printed Tech Packs
    • Use these fields to house the most important data about your Color
  • The Internal Code and External Code attributes are just visible within the Colorway Module
    • These attributes are always queryable, but best practices is to use them to house less critical data about your Color
  • Upload an Image for your Color by dragging and dropping into the Attach Image box, or click to browse manually for it
  • Click Save and your Color record is added to your Library
Sourcing Colors from Pantone Libraries
  • Pull a Pantone Name, Code and Image into any Color using the optional Source section in the bottom half of the Create/Edit Color Modal
  • First, select the correct Pantone Library in the Library dropdown menu
  • Then query for your desired Pantone by its Name or Code, using the Code field in the Source section
    • While the field name may suggest you can only query by Code, you can also query by Name here
  • Select the correct match and the Pantone data will map to your Name and Custom Code fields, and the Pantone image will pull in as your swatch
  • You may edit/overwrite the Pantone Name or the Pantone Code with your own Name and Custom Code if you like
    • Pantone’s name will continue to display as part of the swatch caption, for future reference
  • Optionally add data to the Internal Code and External code fields
  • Click Save and your Color is added to your Library

Managing Colors within a Color Library

  • All Color Libraries have a search bar at the top where you can query for a Color by its Name or any of its Codes (Custom Code, Internal Code, External Code)
  • All Color Libraries also have a dropdown menu at the top allowing you to change your Sort order based on Color Name or Code
    • Editable Color Libraries have the additional option to Sort by Date Updated; this is not applicable to the Pantone Color Libraries
  • Hovering over any Color Swatch in an editable Color Library reveals a couple options:
    • Click the 3-dot Overflow Menu at the top right corner of a Color to reveal a menu with options to Edit, Duplicate or Delete the Color
      • Clicking Edit opens the Create/Edit Color Modal - changes made here will flow out to every Product, Component and Palette using the Color
      • Clicking Duplicate creates a copy of the Color - changes made on one Copy do not affect the other
      • Clicking Delete removes the Color from the Library, and from every Product, Component and Palette using the Color
    • Click the checkbox at the top left corner of a Color to select it and reveal the Bulk Actions toolbar - where you can Duplicate or Delete multiple Colors at once

Managing Colors within a Palette

  • Color Palettes have a search bar at the top where you can search the Palette for a specific Color by its Name, Custom Code, Internal Code, or External Code
  • Color Palettes display Colors in the order they are added by default, use the Sort dropdown menu to sort them by Name instead
  • Click the Add Icon at the top left corner to add new Colors to your Palette
    • In the Add New Color drawer which appears, first select which Library you’d like to pull your Color from
    • Then search for the Color by Name, Custom Code, Internal Code or External Code
    • Select the correct match and the Color is added to your Palette
    • You can also choose the Add Custom Color option within the drawer to create a brand new Color
      • The Create/Edit Color modal then appears
      • Fill in all attributes and click Save to add the new Color to a Library and your Palette at once
      • See more about creating new Colors and assigning them attributes here
    • Click the Close button at the bottom of the Add New Color drawer when you’re finished
  • Click the Gear Icon at the top right corner of the screen to expand or collapse your Palette Information drawer
  • In the Palette Information Drawer, you can change the Palette’s Name or its Taxonomy designations, and you can choose which Color attributes you’d like to display on each Color within the Palette
  • Hovering over any Color in the Palette reveals a couple options:
    • Click the 3-dot Overflow Menu at the top right corner of a Color to reveal a menu with options to Edit or Delete the Color
      • Clicking Delete removes the Color from your Palette, but it remains in its original Library
      • Clicking Edit opens the Create/Edit Color Modal - note that changes made here will flow back to the original Library and then out to every Product or Component using the Color
    • Click the checkbox at the top left corner of a Color to select it and reveal the Bulk Actions toolbar - where you can Delete multiple Colors from the Palette at once
  • When you’re done adding / removing Colors from your Palette, be sure to click Save at the bottom Right - if you click cancel your additions / removals do not persist

Still need help? Contact Us Contact Us