Now with the logo and wordmark created, it was time to move onto the brand guidelines. This is so important as this has to stay consistent throughout, and the colours and type that will be used here will be used in the UI.
Choosing the colours was probably the most important part of the brand, as it will also be all over the app UI, so choosing colours wisely was important here. The primary brand colour is red, with white and black being secondary colours. I then 3 tertiary colours that will be used for specific purposes throughout the app.
Next up for the brand guidelines was choosing the typefaces that I would use throughout. I already have chosen the typeface for the wordmark which is Chantal, but since it is handwriting I won’t be able to use it for the UI itself and will be reserved only for the logo. This is because it isn’t easy to read it when there is too much of it, so it wouldn’t work for small body text that is trying to communicate quickly. I looked on Adobe Fonts and also Google fonts to find a typeface that is suitable for my app. Doing some research and browsing I came across San Francisco, the font that Apple have developed for their products. I personally am very fond of this typeface and it is perfect at what it does, which is being readable, friendly, and consistent. This font will be great for body text. For headings and sub-headings I wanted to mix it up and use Playfair Display, a serif font I got off Google Fonts.
After some playing around and designing the actual screens themselves, I decided to get rid of Playfair and stick to just using SF throughout the whole app. The reason why I done this was because I thought that the combination would look better than it did when it was actually on the screens. I think that it just looks cleaner and more coherent with SF on the headings instead of Playfair, and I am happier with how the whole app looks now than I was with Playfair. I think using font combinations is important but it isn’t a rule that needs to absolutely stuck by all the time, as was in this case.