Preview image. Unlock full-res
Overview of the brand's graphic toolkit, the Y focus glyph, CTAs, product cards, line-art product icons and a geometric pattern.
Summary
The graphic-toolkit overview: the signature three-pronged "Y" focus glyph and its states, CTA button styles, e-commerce product cards, a row of line-art product icons, and a geometric tessellated pattern.
Visual description
Dark background, multiple labeled panels. Kicker "GRAPHIC ELEMENTS // OVERVIEW". TECH DETAIL shows a close-up headset with a small glowing yellow Y hotspot. FOCUS DETAIL enlarges the Y glyph and shows three states (white outline, grey-stemmed, yellow). CTAS shows primary buttons (black fill and yellow fill, "CUSTOMIZE YOUR SETUP") and secondary outline buttons ("SHOP VIRTUOSO SERIES") with a note about arrow animation on hover. PRODUCT CARDS shows two dark e-commerce cards (FAN 122, M75 WIRELESS) with price and SHOP NOW, plus a yellow color-picker-active state. PRODUCT ICONS is a black strip of white line-art icons (mouse, keyboard, fan, headset, water drop, desk). A geometric cube-tessellation pattern sits bottom-right. Footer left.
Key takeaway
A single ownable focus glyph (the Y derived from the sail) used as an interactive hotspot across product imagery. A compact UI kit on one page: buttons, cards, icon set and pattern, all sharing the black-and-yellow logic. The yellow "active" state for the color picker ties interaction feedback to the brand accent.
Reuse notes
Good template for the page where a brand's digital and graphic components are catalogued together. The focus-glyph-as-hotspot idea suits product-detail and configurator UIs. Reuse the line-art product-icon style for category navigation in retail or web contexts.
