LOGO
Primary Two Color
This is the primary Kick It California logo. The italicized "I" suggests action and forward motion. It's also reminiscent of the circle/slash "no smoking" or "no vaping" symbol — a helpful reminder of our clients’ ultimate goal.
Primary Two Color
Primary Single Color
Secondary One Color Options
Wordmark/Color
The logo can appear in any of the primary or secondary brand colors shown here. To ensure legibility, the two-color wordmark should only be used on white or very light backgrounds, and it should always appear in the navy-and-orange color combination.
The most common single-color variation is white. It should be used on dark backgrounds or when placing the logo on top of a photo. The other single-color variations can be placed on any background colors from our color palette as long as legibility is maintained.
-
Wordmark/Clear Space
To ensure our mark stands out, it needs space to breathe. We use the vertical height of the letter "K" in the wordmark to determine the clear space, allowing for at least half of that "Cap Height" in all directions around the logo.
-
Wordmark/Partner Lockups
When placing our logo next to partner logos, always use the full Kick It California wordmark (as opposed to the "i" icon). Again, the vertical height of the "K" can be used to determine the clear space. A vertical line can be used to help segment multiple logos.
ICON
Icon
When a very small mark is needed (for favicons, social avatars, etc.), the italicized "i" can be used as a secondary logo. In these situations, the name "Kick It California" should always appear nearby. For example, we may use the "i" as an avatar in social media as long as "Kick It California" appears next to it as the account name.
Primary Icon
Secondary Icon
Icon Usage
Here are a few examples of how we use the "i" icon. Note that it's always used in conjunction with the full "Kick It California" name. When placing the icon on a white background, use orange. When placing the icon on another background color or an image, use white.
Icon/Clear Space
We use the vertical height of the "i" icon to determine its clear space.
Clear space is determined by placing a square that’s 50% of the height of the icon on all sides.
X=50% of Vertical Height
