Color and Layout

Color Palettes

Within the FIT brand, there are three color palettes that can be used: the Official College Palette, the Spectrum Palette, and the Adaptive Palette. Each has a specific usage context.

» Download complete and detailed Color Guidelines (.pdf)

NOTE: The colors on this page and in the guidelines are examples. All color combinations must meet the contrast standards for accessibility.

The school palette defines three key colors that should be used as the central colors. These new colors build on the tradition of the former FIT blue and move toward a more vibrant and expressive color range.

Download the full guide above to learn more about using the Official Palette.

NOTE: The colors on this page and in the guidelines are examples. All color combinations must meet the contrast standards for accessibility.

The Spectrum Color Palette introduces a range of almost infinite color combinations to work for text only applications and layouts.

Given the broad options available through this palette, it is important to follow the guidelines closely in order to ensure legibility and visual consistency is achieved.

Download the full guide above to learn more about using the Spectrum Palette.

NOTE: The colors on this page and in the guidelines are examples. All color combinations must meet the contrast standards for accessibility.

Unlike the Spectrum Color Palette, the Adaptive Color Palette works only when images are used in layouts and allows for a wider variety of color choices.

Download the full guide above to learn more about using the Adpative Palette.

NOTE: The colors on this page and in the guidelines are examples. All color combinations must meet the contrast standards for accessibility.

Graphic Treatments and Layout

Refer to these guidelines for expressive graphic treatments of how to use the FIT button and for examples when creating layouts for college communications.

» Download complete and detailed Graphic Treatment and Layout Guidelines (pdf.)

NOTE: The colors on this page and in the guidelines are examples. All color combinations must meet the contrast standards for accessibility.

Create layouts that are adaptive to horizontal and vertical spaces without distorting the button symbol. Though the buttons touch, they should not overlap.

Always treat the button with care. Be mindful to not crop, distort, or severely overlap the button as dilutes the impact of this very important and iconic symbol. Finding the appropriate design balance is the key to a successful execution.

The college’s full name, Fashion Institute of Technology, can be used when necessary, but it should always be in its own space and never be locked up with the master brand wordmark.

The cap-height of Fashion Institute of Technology should match the cap height from the master brand wordmark. If placed underneath the master brand wordmark, as shown below, the Fashion Institute of Technology should always left align to the FIT letters within the button.

A wordmark should never be scaled so that it is larger than the type size of the primary content. It should be considered an important but supportive element in any communication piece.

For most scenarios, the preference is to use the two-line master brand wordmark lock-up. However, if space is a major constraint, the single-line lock-up can be swapped in while still maintaining the ratios shown below.