Hulu color usage proportions bar

Summary

A single horizontal bar expressing the recommended mix of the three color worlds: Show Time 60%, Clean Green 30%, Business Time 10%.

Visual description

White ground. Top-left: "3.0" number and green "Color" pill; "31" top-right. A left label "Usage Proportions" with a paragraph explaining Show Time is the main world at about 60%, Clean Green delivers striking presence at 30%, and Business Time is used sparingly at 10%. Centered on the page is one wide horizontal bar divided into three segments sized to those ratios: a large dark teal-to-black gradient segment (Show Time, 60%), a Hulu-green segment (Clean Green, 30%), and a small white/outlined segment (Business Time, 10%), each labeled beneath with its name and percentage.

Key takeaway

Communicating a 60/30/10 usage ratio as one proportional bar colored in the actual worlds, so the recommended balance is shown, not just stated. The single-bar treatment with labels underneath is about as clear as a ratio can get.

Reuse notes

Reuse anywhere you need to prescribe how often elements of a system should appear (color worlds, brand vs sub-brand, photography vs illustration). Color the segments in the real assets and size them to the actual ratio. One clean bar beats a pie for this.