Bento Grid - SaaS Website Design
The design is effective in communicating the value proposition of the product and in persuading visitors to learn more.
Tools used
Topics
Share
Reviews
4 reviews
Love it! You're so very talented! 👩🎤🎨🧑🎨
Seeing the design, I'm getting a "Raycast app" inspiration kinda of feeling ( https://www.raycast.com/ ). I mean that in the most positive and complimentary manner possible to your design.
The subtitle under the title: "Empower Your Saas Solution" could benefit from increasing the font size to make it stand out even more and add a more clear typography hierarchy.
The headings for each section, such as "Quick Summaries," "Manage your wallets," and "More Source," are well-defined, but their subtitle/preamble underneath could benefit from thicker weights to further distinguish them and increase both legibility & readability. I love the subtle grid-lines in the background but with thinner font weight, this is most likely the biggest "issue" for the decreased legibility & readability.
Another route you could do is to increase the size of the title of the card and add even more weight to them and then follow on the same lead with the subtitle so to speak. Something to think about at least.
I think that sharp edges is what is kinda "braking" the Bento look and feel. And I think you did the right choice on this. Because these days EVERYTHING has rounded corner, so a good way to stand out and be unique. Most elements are following this sharp edge style... except the "apps" in the bottom right card. I'm curious how it would look like with them also having sharp corners.
The "Insert some statistic" section is currently a placeholder. It would be beneficial to replace this with actual statistics or remove the placeholder to avoid any confusion or the impression of an incomplete design. If you can't figure it out, maybe through it into ChatGPT and see what it says? 🫣😉
The "Coming Soon" tag is a good way to create anticipation, but consider adding a call to action like "Sign Up for Updates" or "Learn More" to capture user interest immediately.
Keep up the awesome work! GO GO GO! 🎉😃
Your color scheme design is exceptional in comparison to average SaaS products color palettes. In addition, the gradient effect in title and labels make the design more interesting, stunning and stand-out from the cloud. Appreciate.
Only one question: have you checked if all the test and background color contrast ratios comply with WCAG accessibility design guideline?
I'm a big fan of dark mode so I enjoyed all the details and color combinations in this project. Keep up the good work!
WOW
You might also like

Ithnain Management System

Jeel app website wireframes

ALT.Studio Color System

2 PAY

Design Workshop Plan
