Pregazzi
Case study005 · viumbiBuy

viumbiBuy

Design system for viumbiBuy, Viumbi's marketplace, across its web store and app.

Design systemBranding & IdentityWeb & Digital Product
viumbiBuy
ClientviumbiBuy
Year2026
ServicesBranding & Identity · Web & Digital Product

The challenge

viumbiBuy was built to compete with Amazon, with a web store, an app and the Viumbi+ membership. Of the brand there was only the wordmark and two typefaces; everything else was missing, in a category where shoppers compare price, delivery date and returns in seconds.

The approach

We took both colours from the wordmark and gave each a job: red carries the brand in bars, footers and selections; gold is the single signal, kept for the buying action, the stars and one offer per view. The rounded dot and bar over the i's became the capsule motif for buttons, chips and badges. Poppins carries headlines and prices, Jost the whole interface, and the voice always answers what, when or how much.

Brand · positioning
Brand · positioning
Wordmark · anatomy
Wordmark · anatomy
Wordmark · versions and rules
Wordmark · versions and rules
Wordmark · misuse
Wordmark · misuse
Brand · the capsule motif
Brand · the capsule motif
Color · red and gold
Color · red and gold
Color · neutrals and status
Color · neutrals and status
Color · approved pairings
Color · approved pairings
Typography · Poppins and Jost
Typography · Poppins and Jost
Typography · scale
Typography · scale
Typography · price
Typography · price
Iconography
Iconography
Foundations · spacing, controls and radii
Foundations · spacing, controls and radii
Foundations · elevation and motion
Foundations · elevation and motion
Foundations · states
Foundations · states
Components · buttons
Components · buttons
Components · badges, chips and facets
Components · badges, chips and facets
Components · forms
Components · forms
Components · product card
Components · product card
Components · navigation and feedback
Components · navigation and feedback
Voice and tone
Voice and tone
Web store · listing
Web store · listing
App · home, product and cart
App · home, product and cart

The results

The result is a complete system: a 35-tone palette with six approved pairings, two families with seven price sizes, spacing, radius, elevation and motion tokens, and 24 components for web and app, from the product card to the cart. They assemble the store's key screens: home, listing, product and cart.

24Components
35Palette tones
6Color pairings
7Price sizes