Once the low fidelity prototypes were approved, I then began to develop a tangible and sophisticated design system. Due to the release of iOS 7, the introduction of flat design and the removal of skeuomorphism I wanted to create a language that would adapt to Apple's ecosystem.
Citysocializer already used yellow within the branding, and so I decided to take that further and include this within the UI components as the colour exhibits psychologic qualities and is perceived as warm, friendly and positive. This was complemented with a rich navy blue as its a tertiary colour to the yellow, but also indicates qualities of trust, strength and communication.
I then experimented with various typefaces, and decided I wanted a primary and secondary typeface which could be used for details, headers and titles. I chose Brandon Grotesque for the primary as it's clean, sharp, minimal and legible for devices. I complemented this with Rooney which is a serif typeface with similar x-height to Brandon grotesque which looks visually appealing.
The current app was using iconography throughout, however there was no conformity in style and some of the icons were outlines whilst others were solid or glyph form. I decided to design an icon set for the app in a consistent form using a 24px base grid, and 2px corner radius which gave the icons a sociable and helpful demeanour.