⏬ Download the new 2021 brand items!
🎨 Design Principles
Focus on people
Form follows function
Good design is honest
Make things from a user centered approach with personas in mind for the specific project
Don’t overdo a layout, stick to the core functionality of the design and implement aligned visuals in an aesthetically pleasing way.
Stay true to the honest spirit of the product and don’t push the truth to sell more.
Brand primary- Vertical
Brand primary - Horizontal
Brand primary - symbol
Brand inverted- Vertical
Brand inverted- Horizontal
Brand inverted - symbol
Brand Accent 1
Brand Accent 2
The gray spectrum
We allow #F9F9F9 for slight contrast on white backgrounds as well
For product names (i3TOUCH, i3CAIR, i3COMPUTER,…): always use SANSA BOLD
For titles, use an orange dot after the sentence (#F24103)
Paragraphs & body text
Sizing & spacing
We adhere to a spacing system with following increments:
Design compatible with these 2020 resolution statistics ordered by device and importance
Develop compatible with these 2019 browser usage statistics ordered by qualification and importance
Nice to have
Internet explorer 11
Icons & illustrations
The “i” is always lowercase. There are no spaces between the “-” and i3 or Technologies.
All Product/Software Names
The “i” is always lowercase. Every word/name following i3 is always in ALL CAPS. (ex. i3SIXTY, i3TOUCH, i3DOCS, etc.)
==> Alwayns in the font: SANSA BOLD
Style, spelling, grammar
The “i” in the name of the company, products, software, etc., will always be lowercase. Names of products/software which follow “i3” will always be in all capital letters.
DO: i3TOUCH, i3CAMERA, i3DOCS
DON'T: I3TOUCH, i3Touch, I3Docs
There is a “-” in the company name, with no spaces on either side. We use “!” sparingly, but they are appropriate when making an announcement, a congratulations, or to emphasize a point.
DON'T: i3 - Technologies
Headers/Titles always start with a capital letter
DO: Easy installation
Abbreviation & acronyms
If using an abbreviation for the first time, first spell it out completely and put the abbreviation in (). Try to only use abbreviations that are commonly known/understood.
DO: Full HD (FHD)….,
Numbers & percentages
Dates and times