Logo
The ‘S’ Logo is one of our most recognised and beloved assets. It’s used to represent Seenit the product (studio or mobile app). The primary use of the ‘S’ Logo is to promote Seenit through all mediums. For example, when you say, ‘Collaborate with us” and link to our website, it’s appropriate to use the ‘S’ Logo. The ‘S’ Logo may not be used side by side with other social media Logos.
The ‘S’ should be used in place of the main Seenit Logo. This may be where space is limited or a full Logo would not be appropriate. Consider whether the main Logo could be used in place of the ‘S’ Logo. The main Logo should always take priority wherever possible.
3.8mb download
Size
The ‘S’ Logo should never appear smaller than 16 pixels in height. Smaller than 16 pixels means you lose the detail.
┣━ 16 pixels
Colour
The correct colour versions to use are the steel, blue or reversed-out to white. If you are unable to use the correct colour due to technical limitations, you may revert to black and white.
![S-logo](/img/s_logo_xstrong_steel.png)
![S-logo teal](/img/s_logo_xstrong_teal.png)
![S-logo white](/img/s_logo_xstrong_white.png)
Space
To preserve the integrity of the ‘S’ Logo, always maintain a minimum clear space around the Logo. This clear space insulates our ‘S’ Logo from distracting visual elements, such as other Logos, copy, illustrations or photography.
![S-logo spacer](/img/s_logo-spacers.png)
Maintaining Shape and Proportions
To ensure accurate and consistent use, never alter, rotate, embellish or attempt to recreate the ‘S’ Logo. The proportions and shape of the ‘S’ Logo should never be altered for any reason. To resize, hold the ‘Shift’ key in most software programs to maintain the proportions while scaling up or down.
![S-logo small](/img/s_logo_xstrong_steel.png)
![S-logo teal](/img/s_logo_xstrong_steel.png)
Do's
![S-logo](/img/s_logo_xstrong_steel.png)
Do maintain proportions and clear space.
![S-logo space](/img/s_logo_space.png)
Use the ‘S’ Logo when space is limited.
![S-logo loader](/img/s_logo-loader.png)
Use the ‘S’ Logo to indicate seenit content loading.
![S-logo white background](/img/s_logo-white-background.png)
Use the steel or teal ‘S’ Logo over light images.
![S-logo dark background](/img/s_logo-steel-background.png)
Use the reversed-out ‘S’ Logo over dark images.
Don'ts
![S-logo recolour](/img/s_logo-recolour.png)
Recolour the ‘S’ Logo.
![S-logo distorted](/img/s_logo-changed.png)
Change the ‘S’ in anyway.
![S-logo loader](/img/s_logo-distort.png)
Distort the ‘S’ Logo.
![S-logo effects](/img/s_logo-style.png)
Add effects to the Logo.
![S-logo 3d](/img/s_logo-3d.png)
Make the Logo 3D.
Main logo
The ‘S’ should be used in place of the main Seenit Logo. This may be where space is limited or a full Logo would not be appropriate. Consider whether the main Logo could be used in place of the ‘S’ Logo. The main Logo should always take priority wherever possible.
3.7mb download
Size
The main Logo should never appear smaller than 16 pixels in height. Smaller than 16 pixels means you lose the detail.
┣━ 16 pixels
Colour
The correct colour versions to use are the steel, blue or reversed-out to white. If you are unable to use the correct colour due to technical limitations, you may revert to black and white.
![Seenit logo](/img/seenit_logo_steel.png)
![Seenit logo teal](/img/seenit_logo_teal.png)
![Seenit logo white](/img/seenit_logo_white.png)
Space
To preserve the integrity of the Logo, always maintain a minimum clear space around the Logo. This clear space insulates our Logo from distracting elements, such as other Logos, copy, illustrations or photography. Use half of the Logo width and height as spacing.
![Seenit logo spacer](/img/seenit_logo-spacers.png)
Maintaining Shape and Proportions
To ensure accurate and consistent use, never alter, rotate, embellish or attempt to recreate the Logo. The proportions and shape of the Logo should never be altered for any reason. To resize, hold the ‘Shift’ key in most software programs to maintain the proportions while scaling up or down.
Do's
![Seenit logo](/img/seenit_logo_steel.png)
Do maintain proportions and clear space.
![Seenit logo hero](/img/seenit_logo-hero.png)
Use the Logo for hero content.
![Seenit logo supporting](/img/seenit_logo-supporting.png)
Use the Logo for supporting content.
![Seenit logo dark background](/img/seenit_logo-dark-background.png)
Use the reversed-out Logo over dark images.
![S-logo light background](/img/seenit_logo-light-background.png)
Use the steel or teal Logo over light images.
Don'ts
![Seenit logo recolour](/img/seenit_logo-colour.png)
Recolour the Logo.
![Seenit logo rearrange](/img/seenit_logo-rearrange.png)
Change the Logo in anyway.
![Seenit logo distort](/img/seenit_logo-distort.png)
Distort the Logo.
![S-logo effects](/img/seenit_logo-stylise.png)
Add effects to the Logo.
![S-logo 3d](/img/seenit_logo-3d.png)
Make the Logo 3D.
Seenit world logo
The same rules for the main logo apply to the Seenitworld Logo. The Logo should be used to accompany any Seenitworld content.