Thumbnails mix and match, color-block ratios

Summary

A composition-ratio spec: three example thumbnails set side by side to show how much of a tile should be color block versus photo, captioned 0%, ~60% and ~30% color block.

Visual description

Black background, yellow utility header, and a yellow "Thumbnails" label upper-left. A short yellow intro paragraph reads "Mix and match thumbnails for visual variety. This allows flexibility depending on assets available and P1 type. (Single/Grid/Contact Sheet)." Below sit three equal square example tiles in a row. Each combines campaign photography (a seated athlete, a group in patterned streetwear, a figure in a wheelchair) with cyan or coral flat color blocks and a "Play New" handwritten lockup. White all-caps captions beneath read "0% COLOR BLOCK", "~60% HERO PHOTO" and "~30% COLOR BLOCK", quantifying the photo-to-color ratio in each.

Key takeaway

Specifying composition as a numeric ratio of color block to photo, shown as three concrete examples rather than rules in prose. It gives collaborators a quick dial for how loud or photographic any single tile should be while keeping the lockup constant.

Reuse notes

A reusable way to document tile or card variety in a system: pick a couple of mix ratios, label them with percentages, and show them as a row. Pairs with the journal grid pages here. Works for any modular content grid that mixes imagery with flat color.