Sushi me!
styleguide
Styleguide Website Version (Use Chrome!)Mission
Sushi me!
What our business is striving for. Our main point as we talk about our business is that we want to make sushi accessible to everyone!
Characteristic
We want to provide for families that crave sushi in a simple and accessible way, as well as to feel comfortable while purchasing our sushi as they go along their busy day.
We understand our customers struggle fighting with everyday life (and the lack of sushi!), so we want provide our customers with an easy way to eat and spread the love of sushi!
Keywords for our company
To make sure we accomplish our task, we must follow these keywords as we design our website:
Our process on ordering our sushi must be simple and quick for busy familie, but even when in a hurry, it must never overwhelm our customers.
Logo Rules
Sushi me!
Our logo represents a simple Tuna Nigiri sushi. What was in our mind however when we made our logo is of course to show that we are a sushi restaurant, but most importantly related to our keywords mentioned earlier; comfortable, modern, and simple. We used round shapes and a simple color scheme to show that. Most importantly; the cute smile should make anyone feel comfort and warmth!
Dos
Don'ts
Different Colors
Changing Orientation
Multiple
Removing :)
Stretching
Imagery
Sushi me!
Our images were chosen based on our keywords from earlier; comfortability and modern design. Our images should never be overwhelming to our customers.
Dos
Dont's
Font
Sushi me!
Both Montserrat and Varela Round were chosen based on two factors: the round shape and was Sans Serif. The fonts must be round to compliment our round design; keeping things comfortable for our users. A Sans serif font was chosen for the same reason, but also because to increase readability of the webpage.
Montserrat
Heading
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9
Verela Round
Body text
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9
Typo-
graphy
Sushi me!
Our decisions on the typography was made with accessiblity and comfortability in mind. Our customers should never feel like things are hard to read or feel overwhelmed as they're reading, so we made sure that the body text and line height to be the industry standard.
#seaweed, line-height 1.4em, bold
#seaweed, line-height 1.3em, bold
#seaweed, line-height 1.25em, bold
#seaweed, line-height 1.2em, bold
#seaweed, line-height 1em, bold
#seaweed, line-height 0.7em, bold
Body/Link text - 1em - Sushi is great!
#seaweed, line-height 1.42em
Color
Sushi me!
Our colors were decide by looking at our most popular dishes; Tuna, Tamago, Salmon, Seaweed, Rice to make it recognizable that we are a sushi restaurant. We also refrained from using extremely bright colors to make sure our customers feel comfortable as they navigate the website.
The main three colors: Tuna, White and Seaweed was chosen for our main colors to maximize contrast. Red specifically however, was chosen to make it easy for users at first glance it's a sushi restaurant and envoke hunger.
Tuna
#ef3939
Main color of the website; delicious looking tuna!
White
#ffffff
Background color; looking clean!
Seaweed
#23423f
The Darks; crunchy Seaweed!
Tamago
#ffe27a
Alternative colors; juicy Tamago!
Salmon
#ef6f2b
Alternative colors; tender Salmon!
Icon-
graphy
Sushi me!
Designed by Chanut from FlatIcon.
We want to go for these style of icons; round and comfortable and recognizable for users.
Share
Call Us
Email Us
