Page url: https://brand.iheart.com/colors

Show / Hide test details

Page Title: Color — Brand Guidelines

  • This webpage makes use of the TITLE meta tag - this is good for search engine optimization.

Page Description: Web: Use of white and grey text accenting dark backgrounds. For light grey backgrounds, use of dark greys, light greys, and white accents. On white backgrounds we use the entire range of dark greys, light greys, and minimal reds. Occasionally for a button style that needs more gravity, we use blue (#2474c7).   Mobile / Tablet: Mobile generally leads with a red header, areas with dark greys, with accents of white, as well as large white areas with accents of red and dark grey. The header gets replaced when playing with large imagery in the background, accented by white text and icons.    Home Entertainment: Use of white text and icons with an occasional 90% transparency. No Red used. Text and Icons always appear on a black background with an image at low opacity ontop of black.  "“Home entertainment uses accents of white in its icons and text, delicately in contrast with large engaging album art.”   Auto: Has two different usages of color depending on the time of day. In the bright daylight, users will see lots of red and white with dark grey accents to increase readability in the sun. At night, the colors tend to use more dark grey coloring with small accents of red and white in the text and icons. Unique to Auto, there also exists a smartphone app, also called Solid User Interface (SUI) that can be used to control wirelessly the built in dashboard interface of the car.

  • This webpage makes use of the DESCRIPTION meta tag - this is good for search engine optimization.

Page Keywords:

  • This webpage DOES NOT make use of the KEYWORDS meta tag - whilst search engines nowadays do not put too much emphasis on this meta tag including them in your website does no harm.

Page Text: Color Primary Palette The iHeartRadio palette consists of three colors: iHeartRadio red, black, and white. The red, used in our logo, is the core of our brand identity and appears whenever possible for users to immediately identify the brand. Secondary Palette Various shades of gray can be used to add texture and depth to text, backgrounds, and illustrations. These colors are used for primarily for backgrounds, text and icons. A few examples of some of our grays are outlined below: Paint Colors Benjamin Moore Regal Super White Walls: N319 Eggshell Finish Benjamin Moore Regal 2000-10 Red Walls: N319 Eggshell Finish Benjamin Moore Exterior Ready Mix Platinum Gray Walls: N319 Eggshell Finish UI color examples and usages to keep in mind Mobile The iHeartRadio red is used to identify our brand, usually in the header on mobile. Otherwise it is used sparingly for highlights and calls to action. Light grays are used for supporting text, dividers, and secondary buttons. Dark grays are used for primary text and selected states. Our blue is used for buttons, modals and coach marks. Home Entertainment iHeartRadio for Home is designed to be on a dark background. We use black, white and gray for type and UI elements. Whites or device specific shadows are used for highlight states. Transparent blacks are used on top of photography. Use accents of white in its icons and text, delicately in contrast to engaging album art. Web The iHeartRadio red is used sparingly on Web. Transparent blacks with white type are used as alternatives to black on white. Light grays are used for dividers and sub-navigation to separate content. Occasionally for a button style that needs more gravity, we use blue (#2474c7). Auto Like mobile, Auto uses the red header when possible. It can have two different usages of color depending on the time of day. At night, the colors tend to use a darker palette, like Home Entertainment. This is to not distract from driving. Unique to Auto, there also exists a smartphone app, called Solid User Interface (SUI) that can be used to control wirelessly the built in dashboard interface of the car. Otherwise the design may be heavily determined by the car manufacturer.

  • This webpage has 331 words which is between the recommended minimum of 250 words and the recommended maximum of 2500 words - GOOD WORK.

Header tags:

  • It appears that you are using header tags - this is a GOOD thing!

Your header tags:

Spelling errors:

  • This webpage has 1 words which may be misspelt.

Possibly mis-spelt word: iHeartRadio

Suggestion: heartrending

Broken links:

  • This webpage has 35 broken links.

Broken link URL:

Broken image links:

  • This webpage has no broken image links that we can detect - GOOD WORK.

CSS over tables for layout?:

  • It appears that this page uses DIVs for layout this is a GOOD thing!

Last modified date:

  • We were unable to detect what date this page was last modified

Images that are being re-sized:

  • This webpage has no images that are being re-sized by the browser - GOOD WORK.

Images that are being re-sized:

  • This webpage has no images that are missing their width and height - GOOD WORK.

Mobile friendly:

  • After testing this webpage it appears NOT to be mobile friendly - this is NOT a good thing!

Links with no anchor text:

  • This webpage has no links that are missing anchor text - GOOD WORK.

W3C Validation:

Print friendly?:

  • It appears that the webpage does NOT use CSS stylesheets to provide print functionality - this is a BAD thing.

GZIP Compression enabled?:

  • It appears that the serrver does NOT have GZIP Compression enabled - this is a NOT a good thing!