Preview image. Unlock full-res
Two grid diagrams contrasting regular and heavy Vessel stroke weights, with the divide-the-edge formula for each.
Summary
A stroke-weight page comparing the regular and heavy outline weights of The Vessel on identical grids, each with its calculation and use case.
Visual description
Black background, green "7.0" / "Vessel" header, white "64" top-right, and a "Stroke Weight Variations" sidebar label with a short note. Two black grid panels sit side by side, each holding a green-outlined horizontal Vessel with a "904px" top dimension line. The left Vessel has a thinner outline, captioned "Regular" (evergreen brand and general entertainment; longest side / 100; 9pt). The right Vessel has a noticeably thicker outline, captioned "Heavy" (promoting sports on Hulu + Live TV; longest side / 50; 18pt).
Key takeaway
Defining a variable as a ratio of the shape's own size rather than a fixed pixel value, then showing both ends on the same dimension so the difference is obvious. Tying each weight to a clear use case (evergreen vs sports) makes the choice unambiguous.
Reuse notes
A clean reference for documenting two states of a single property. The matched-grid, matched-dimension comparison is reusable for any A/B treatment. Best kept as a spec page; the difference is subtle at thumbnail size.
From this deck: Stroke weight variations
View deck
