What is Oombly?
Oombly is a company that develops products and games to frame exercise as a joyful activity, not as a way to shame or transform your body.
Oombly is a company that develops products and games to frame exercise as a joyful activity, not as a way to shame or transform your body.
Purpose and Role
My role at Oombly was a UI/UX Design Lead, however for this particular project I was tasked with defining the brand's identity.
My role at Oombly was a UI/UX Design Lead, however for this particular project I was tasked with defining the brand's identity.
Objectives and Deliverables
- Design a logo for marketing and business materials
- Create a branding style guide
- Provide potential product mockups
- Design a logo for marketing and business materials
- Create a branding style guide
- Provide potential product mockups
Tools
Adobe Illustrator and Photoshop
Adobe Illustrator and Photoshop
Logo Design
The Oombly team was hoping to have a logo that captured both the playful and professional sides of the company. With that in mind, I created a multicolor gradient with two sets of complimentary colors. I decided to go in this direction, rather than a monochromatic palette, so that any future products and games wouldn't be limited in which colors would fit the brand's identity.
The "loop" in the logo is based on the movement that the human body makes when doing a backflip; a joyful movement that paid homage to Oombly's original company name (Flip! Fitness)
Standard Presentation
(Logotype)
(Logotype)
Alternate Presentations
(Logotype with logomark centered above and logotype with logomark to the left)
(Logotype with logomark centered above and logotype with logomark to the left)
Color Palette
To create a playful palette, I chose four colors of similar vibrancy that complimented each other. It was important that there be an equal amount of cool colors to warm colors to create a sense of harmony, since these colors would like be used together frequently in Oombly projects.
Solid colors
To be used to color the logo itself, or as a background color when the logo is white.
To be used to color the logo itself, or as a background color when the logo is white.
Gradients
Gradients can be used as background colors for the logo when the logo is black or white. The multicolor gradient can also be used to color the logomark, but the logotype should remain black or white.
Gradients can be used as background colors for the logo when the logo is black or white. The multicolor gradient can also be used to color the logomark, but the logotype should remain black or white.
Incorrect Logo Usage
01 Do not stretch or skew the logo in any way
02 Do not reorganize elements (see alternative presentations)
03 Do not use a light colored logo with a light colored background; use only high contrasting colors
04 Do not use gradients to color the logo
Exception: the multicolor gradient can be used to color the logomark, but the logotype should always be a solid color
05 Do not use one color for the logomark and another for the logotype; keep the logo monochromatic
Exception: when the logomark is the multicolor gradient, the logotype can be black (#000000) or white (#FFFFFF)
02 Do not reorganize elements (see alternative presentations)
03 Do not use a light colored logo with a light colored background; use only high contrasting colors
04 Do not use gradients to color the logo
Exception: the multicolor gradient can be used to color the logomark, but the logotype should always be a solid color
05 Do not use one color for the logomark and another for the logotype; keep the logo monochromatic
Exception: when the logomark is the multicolor gradient, the logotype can be black (#000000) or white (#FFFFFF)
Typography
Mockups
Visit the Oombly website here