Daily UI Design Challenge 14/100 – Social proof block

Hi Dribbble family,

I've developed a concept design for a social proof block for a Hypothetical SaaS product for both web and mobile layout.

Design process:

Firstly, I've decided that, I would want to create two modes for the social proof block one for the normal mode and the other for dark mode.

Secondly, I've made up my mind on which company logos i would want to use for my design.

It was pretty much straight forward. I've aligned the logo's horizontally for website and mobile layout.

I've taken good inspiration from Dribbble community work and finalised on the copy and the concept design for both website and mobile-phone layout.

In my design, I've used design principles such as alignment, color contrast, effects such as blur, shadows and font size management to produce the marketing metrics block.

To build this social proof block, I've used the following

1. Fonts: Inter

2. I've used iconify figma plugin to gather logo for this social proof block design.

3. I've used auto layout and basic design principles like center alignment to design this shot.

Love to hear your thoughts.

If you like my work hit «L» and follow me to join my 100 day UI Challenge

Thank you and Namaste 🙏