Sushi Design System - UI Kit
22
ASO score
Text
33/100
Reviews
0/100
Graphic
28/100
Other
0/100
App Rating
3.2
Votes
3.1K
App Age
5y
Last Update
Dec 17, 2020
Compare with Category Top Apps
|
Metrics
|
Current App
|
Category Top Average
|
Difference
|
|---|---|---|---|
|
Installs
|
10.8K
|
27.9M
|
-100%
|
|
Rating
|
0
|
4.28
|
|
|
Number of Ratings (Voted)
|
0
|
56M
|
|
|
App Age
|
4y 12m
|
3y 0m
|
+65%
|
|
In-app Purchases Price
|
$0
|
$92
|
|
|
Update Frequency
|
1823d
|
42d
|
+4 253%
|
|
Title Length
|
28
|
26
|
+8%
|
|
Short Description Length
|
63
|
70
|
-10%
|
|
Description Length
|
3 725
|
2 720
|
+37%
|
|
Number of Screenshots
|
352
|
998
|
-65
%
|
|
Has Video?
|
No
|
0% has videos
|
|
|
Size
|
3MB
|
0MB
|
|
Category Ranking in United States
7 days
Last 7 days
Last 30 days
Last 90 days
Last 180 days
Last year
| Top | Dec 06, 2025 | Dec 13, 2025 |
|---|---|---|
|
No results were found!
|
||
| Top | Dec 06, 2025 | Dec 13, 2025 |
|---|---|---|
|
No results were found!
|
||
| Top | Dec 06, 2025 | Dec 13, 2025 |
|---|---|---|
|
No results were found!
|
||
| Top | Dec 06, 2025 | Dec 13, 2025 |
|---|---|---|
|
No results were found!
|
||
Text ASO
Title
(
Characters:
28
of 50
)
Sushi Design System - UI Kit
Short Description
(
Characters:
63
of 80
)
A delicious UI Kit to build Android apps. Made with ❤ by zomato
Description
(
Characters:
3572
of 4000
)
Sushi is Zomato’s very own design system, which helps build robust user interfaces following a clean and simple design language. We at zomato, have built this from the ground up. It’s not just a design system for us, but more than that it helps us provide a new and enhanced experience to our users. Sushi can help you build bespoke user interfaces following an atomic, clean and simple design language. While Sushi builds up on it's own design language, it fully embraces and uses Google's Material Design components internally in many areas.
As a design system and a reference for brand guidelines, it is utilised and represented by various teams within Zomato, such - Product, Engineering, Marketing and Branding.
What is a design system?
A design system is a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications. A design system isn’t only a collection of the assets and components you use to build a digital product. According to Emmet Connolly, director of product design at Intercom, “… most Design Systems are really just Pattern Libraries: a big box of UI Lego pieces that can be assembled in near-infinite ways. All the pieces may be consistent, but that doesn’t mean the assembled results will be. Your product is more than just a pile of reusable UI elements. It has structure and meaning. It’s not a generic web page, it’s the embodiment of a system of concepts.”
Sushi Design System
Foundations
Foundations are digital brand guidelines, which define typography, color palettes, icons, spacing, shadow and information architecture of our design system. Sushi, following atomic design principles, is built bottom-up using composable components, ordered as atoms ➡️ molecules ➡️ organisms.
Atomic Design
Atomic Design (as described by Brad Frost) mapped to our system.
#Atoms
The smallest indivisible units are atoms. In Android (or any mobile UI) text labels, buttons, and image holders are atoms.
#Molecules
Views that involve multiple atoms to form, but still look and behave like a single entity to the user are molecules. For example, input fields have the input box, the error field, and a clear button, but together it is a single entity.
#Organisms
Complex, but reusable components, that work in a cohesive way together. Composed of multiple atoms and molecules. A case in point being rating bars, which consists of tags, each having a number and an icon. The tags change color as well, when different ratings are selected. Each tag individually is also used at other places, but as a rating bar, it all works together to create new meaning.
Typography
Typography, as you may know, is the art of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves the selection of typefaces, point sizes, line lengths, line-spacing, and letter-spacing, and adjusting the space between pairs of letters.
We support the following typeface variations -
ExtraLight
Light
Regular
Medium
SemiBold
Bold
ExtraBold
You may use any Font that has upto 8 font weights and assign them from these aliases. While we have Metropolis, Okra and Roboto for demo, you can use any font that goes with your brand.
Colors
Sushi also provides a set of predefined colors in its palette. For extremely unique cases, feel free to use your own colors, but otherwise, we recommend using colors from this palette for all components of your product.
Code repository }
Read more
Other
Additional Information
| Rating: | |
| Voted: | 3.1K |
| Google Play Link: | |
| Website: | |
| Email: | |
| Privacy Policy: | |
| Categories: | Art & Design |
| Size: | 3MB |
| App Age: | 5 years |
| Release Date: | Dec 16, 2020 |
| Last Update: | Dec 17, 2020 |
| Version: | 1.0 |
Version history
1.0
Dec 17, 2020
Dec 16, 2020
First release
