Wealth by Groww
Wealth by Groww

Design System for Wealth
Finance as instrument, instrument as object.
An illustration system for Wealth by Groww: dark surfaces, gold accents and machined isometric objects, from 2D icons to full hero scenes.

About Illustrations
Concept
Wealth by Groww's design system has premium dark surfaces, considered typography and a custom isometric illustration register that signals craft, calm and considered finance.
Style
Dark surfaces, gold-toned accents and isometric machined objects: finance as instrument, instrument as object, every detail load-bearing.
Concept
Wealth by Groww's design system has premium dark surfaces, considered typography and a custom isometric illustration register that signals craft, calm and considered finance.
Style
Dark surfaces, gold-toned accents and isometric machined objects: finance as instrument, instrument as object, every detail load-bearing.
Colour palette
Gold for accent, greys for everything else.
Gold for accent, greys for everything else.
Illustration Type
Skeuomorphic Spot Illustrations
Spot hero illustrations drop one isometric axis, keeping a sense of dimension without the heaviness of a full hero. Same lighting, same materials, same gold accent register.
Spot hero illustrations drop one isometric axis, keeping a sense of dimension without the heaviness of a full hero. Same lighting, same materials, same gold accent register.
Spot 01
A signature pad with a gold fingerprint sun: identity made tactile.
Spot 02
A dial of gold figures for adding nominees: the people your wealth is for.
Spot 03
A face-scan console for selfie verification: precise, calm, unmistakably secure.
A signature pad with a gold fingerprint sun: identity made tactile.
A dial of gold figures for adding nominees: the people your wealth is for.
A face-scan console for selfie verification: precise, calm, unmistakably secure.
Isometric Hero Illustrations
Full hero illustrations carry the complete isometric scene (devices, light, gold accents) at the highest level of detail in the system.
Full hero illustrations carry the complete isometric scene (devices, light, gold accents) at the highest level of detail in the system.
Hero 01
A pocket instrument with a rising gold line: returns you can hold.
A pocket instrument with a rising gold line: returns you can hold.

Hero 02
A mutual fund chip under glass, weighed and measured: investments treated as precious objects.
A mutual fund chip under glass, weighed and measured: investments treated as precious objects.

Hero 03
Building blocks stacked on a device: a portfolio, assembled piece by piece.
Building blocks stacked on a device: a portfolio, assembled piece by piece.

Hero Icons
Hero icons flatten the system to 2D: the same metal and light, small enough for a list row.
Hero icons flatten the system to 2D: the same metal and light, small enough for a list row.