F1 type colour tints slide

Summary

A tints specification showing Carbon Black stepped from 100 to 30 percent, used both as a tinted background and as tinted text, to give typographic hierarchy without colour.

Visual description

Cream background, standard hairline header, sub-label "Tints" under the "Typography colour" section title, page "95". A short left column says tints of Carbon Black may be used as background or text colour where hierarchy is required, with a note that Warm Red is never tinted. Two tall stacked columns fill the right side. The left column, "TINTED CARBON BLACK BACKGROUND", is a vertical ramp of dark-to-light grey bars labelled 100%, 90%, 70%, 50%, 30%, each carrying "WHITE TEXT" (and "BLACK TEXT" once the background is light enough). The right column, "TINTED CARBON BLACK TEXT", is white with the word "TINTED TEXT" set at the same percentage steps, fading from solid black to pale grey. Display words use the heavy condensed face.

Key takeaway

Showing a tint scale twice, once as background fills and once as text weight, on the same percentage steps, so a reader sees both uses of the ramp side by side. Printing the percentage label inside each step makes the system directly specable.

Reuse notes

Reusable for any monochrome design system that builds hierarchy from a single neutral at graded opacities. Pair with an explicit "never tint the accent colour" caveat as done here. The contrast flips (white vs black text) are worth keeping so the legible crossover point is visible.