Logo
As a growing software development firm, it is important for Portiko Technologies' new logo to scale with their growth. A gear icon indicates the settings of the Graphical User Interface. Creating a colored gear is appropriate for Portiko as they currently design and develop web applications and plan to include other web development skills. The gear can be combined with the "P" of Portiko, as laid out in the horizontal version, or replace the "O" in the horizontal/stacked variation.
Vertical Logo Variation
Horizontal Logo Variation
Brandmark
Color Vibrants
Neutrals
While many technology and software development companies opt for neutral or primary colors to represent their brand, Portiko opted for vibrants. As a selfdescribed agile and cutting edge firm, the color scheme needs to represent that tone and vision. The vibrants are a play on the primaries chosen by Google and Microsoft, but they are eye catching and distinctive. The goal was to set Portiko apart from the crowd.
Hex Code #de5d58 CMYK 0% 83% 65% 77% RGB 222-93-88 Hex Code #38b1aa CMYK 82% 0% 42% 0% RGB 56-177-170 Hex Code #f9d247 CMYK 0% 17% 100% 77% RGB 249-210-71 Hex Code #99c555 CMYK 50% 0% 99% 0% RGB 153-197-85 Hex Code #bd9cc5 CMYK 22% 42% 0% 0% RGB 189-156-197
Hex Code #224878 CMYK 100% 77% 26% 10% RGB 34-72-120 Hex Code #000000 CMYK 0% 0% 0% 0% RGB 0-0-0 Hex Code #ffffff CMYK 0% 0% 0% 0% RGB 255-255-255
Fonts
The header font matches the primary logo font. It was selected because of its visual-likeness to the typeface in many coding platforms. It is easy to read and scales well.
Code Saver should be used for all titles, subtitles, headers, and subheaders.
Helvetica Light was chosen for the body text. It is a common web font and translates between print and web environments. The light version contrasts well with the heavier weights of Code Saver, while still creating a cohesive appearance overall.
