Stacktile Brand is the main element of the new visual system. It reflects the Stacktile origin and celebrates our positioning.
Its presence in all visual manifestations will be the basis of our communication.
The brand is composed of the 3 parts: mark, name, and URL.
These elements maintain relationships fixed position and size that cannot be changed.
The design of the brand, its relationships and colors are defined in this document.
In places where we are known, or in our web application / website, there is no need to use the logo with the URL component.
In all other initiatives, such as events, and third party communication, we should use our logo with the URL component, this way, people who is in contact with our brand for the first time will immediatly know where to find us.
The primary logo works best when placed against a white background color. Do not use it in any other sort of background. (Figure 1).
When the background is not pure white, but is light, use our dark variation (Figure 2).
Figure 3 shows the primary logo placed against colored backgrounds from the our brand palette.
When placed on a black or dark background color, use our pure white variantion (Figure 4).
Marketing should use only Source Sans Pro, in different sizes, and Light & Bold versions.
Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, link example qui officia deserunt mollit anim id est laborum.
Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
The product uses mainly Inconsolata. Source Sans should be used just in a few places, where more contrast is needed.
p - Inconsolata: Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
#32b5cd
Background gradient
#6fcbdc
Background gradient
#bad994
Background gradient
#247E8F
Links
#249270
Links:hover
#586772
Fonts and some backgrounds
#9dc66b
Success messages
#f0cc4e
Warnings and infos
#d9534f
Error messages and notifications
