Primary colors
Primary colors are the most prominent brand colors.
Logo
Chances are you came to the brand center looking for this. It’s the face of our company, after all. Please handle with care.
Values overview
What are brand values?
Our brand values guide our core beliefs and behaviors as individuals and as an organization. They are infused in our culture and how we do business.
- Defines those qualities of our brand that remain unchanged over time
- Outlines a set of beliefs that should be both communicated and experienced throughout all touchpoints & interactions
- Helps set a culture we want to build in conjunction with our values
Smart AF
We push the limits of what is possible by being self-assured and self-aware
Brave not Fearless
In the face of fear and uncertainty, we act smart and power on!
Empathy
Love who you are and what you do in all you are and all you do.
Trust
Relate and align by leading with empathy
Secondary colors
Secondary colors are used to support the primary brand colors and are often seen in gradients, backgrounds, and accents throughout various brand activations.
Neutral colors
Neutral colors are used throughout our branding for default white, black, and grays. Typically you'll see these as backgrounds, text colors, and are typically the most commonly used colors.
Utility colors
Utility colors are used for things like success messages, notifications, warnings, and error messages.
Gradients
Gradients are an important aspect of the Stackit visual brand. They can serve as background graphics in presentations, web pages, social posts etc. They can also be used as background fill for fonts and icons.
Primary Logo
3D Logos
- The 3D logo is the version with the ‘S’ fully connected
- There is a gradient effect that gives the ‘S’ a 3D effect
- The 3D icons should only be used for large display purposes in order to preserve the definition (i.e. billboard, hero on website, banners).
- When in doubt, use the flat logos.
Flat Logos
- The flat logo is the version with a small space on top right and bottom left of the ‘S’
- There is no gradient effect on the flat logo
Logo with clear space
- In order to preserve the integrity of the logo, it is important that no other logos, type or other graphic elements infringe on its visibility.
- The logo with clear space is equivalent to the 'S' of Stackit drawn around the logo to create an area of isolation.
Logo Don'ts
- Don't place the logo on a busy background
- Don't remove elements from the logo
- Don't add drop shadows, gradients, emboss etc.
- Don't tilt, skew, rotate, or distort
- Don't use low resolution logo
- Don't alter the colors
Guardrails
Personality Traits
Should Feel
Shouldn't Feel
Approachable with a side of wit
Witty and happy
boring & rigid
Curiously Conversational
Thought provoking and engaging
arrogant and pretentious
Intelligently Optimistic
Brave
fearless
Self-assured yet self-aware
aspirational & actionable
Not fluffy & bullshitty
Relatably Understanding
Empathetic & relatable
elitist & assholey
Primary Font
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789
100 - Thin
Example text goes here
200 - Extra Light
Example text goes here
300 - Light
Example text goes here
400 - Regular
Example text goes here
500 - Medium
Example text goes here
600 - SemiBold
Example text goes here
700 - Bold
Example text goes here
800 - Black
Example text goes here
900 - Graphik Super
Example text goes here