Preview image. Unlock full-res
Three-up comparison of the Product, Utility, and Expressive Opera icons, each in a bordered box with characteristics and use-case notes.
Summary
An icon-inventory page laying out the three Opera "O" variants side by side, each with its characteristics and use case.
Visual description
The left third is pure-black and holds an oversized two-line "ICON INVENTORY" all-caps headline with a small bulleted list (Product Icon, Utility Icon, Expressive). The right two-thirds sit on a slightly lighter charcoal panel showing three thin-bordered square boxes in a row: a glossy red skeuomorphic 3D "O" (Product Icon), a flat red "O" (Utility Icon), and a flat black-and-white "O" (Expressive Icon). Each box is captioned with a bold title plus "Characteristics" and "Use case" notes set in sans-serif. The monospace header reads LOGO / INVENTORY.
Key takeaway
The three-up comparison card with a consistent label / characteristics / use-case structure under each specimen. Splitting a darker intro column off from a lighter specimen field cleanly separates "what this section is" from the examples.
Reuse notes
A reusable layout for showing variant marks, logo lockups, or any set of options that need side-by-side rules. The characteristics/use-case caption pattern scales to features or product tiers.
