Press Kit
The logo
The Qualia logo includes two variations for use with light and dark backgrounds. In most cases the logo should be used on a white background for added clarity. In cases where the logo must be placed on a dark background, the inverted version is available for use. Please avoid using the inverted logo with a strongly saturated background color.
Qualia’s mark can be used in cases where the brand name can be implied by the placement context, for example with profile images for Twitter or LinkedIn. Be sure to use the vector files included in our press packet for the most accurate reproduction quality.
Spacing & sizing
When using our full logo be sure to leave spacing of one half of the Qualia mark’s size between other content or—in print—the edge of the page. When using our mark, it’s best to leave at least 20% whitespace on all sides.
The minimum size of our logo and mark when used digitally is 85px and 28px wide respectively. When used in print, the minimum size for our logo and logo mark is 1.25in and 0.25in.
Color palettes
Our logo consists of three colors: De York Green, Mako Black, and White. Ocean green is an additional color that can be used with page elements like buttons, dividers, or headers to show emphasis. Nevada Grey can be used as a secondary accent color with page elements. Mako Black, Nevada Grey and Shark Black can be used to add depth to text and backgrounds.
Deyork Green
Ocean Green
Mako Black
Nevada Grey
Shark black
Typography
Our brand fonts are Merriweather and Lato. These two typefaces should be used to communicate key brand messages in headlines and body text.
Merriweather
Lato
Merriweather should be used for headline in most marketing and digital materials while Lato should be used for subheader and body copy in all cases. Please refer to an example found below
Headline text, Merriweather Regular set at 26/36px in black. Use this style to insert content breaks within a long block of text.
subheader text, Lato Bold set at 16/64px in all caps
Body text, Lato Regular set at 15/22px in black 80% opacity. Ut tempus nisi quis eros commodo mollis. Fusce quis lobortis lacus. Ut et mattis nisl, ac ullamcorper ex. Proin ullamcorper, urna a aliquet lacinia, dolor lectus hendrerit lorem, nec maximus erat mauris at sapien. Ut porta urna id dui congue viverra. Etiam sit amet maximus nisl. Curabitur a lorem sit amet mi pellentesque suscipit eu posuere felis.
Our Name
Qualia (/ˈkwɑːliə/) is pronounced with a sound similar to “Quality”, and dissimilar to “Quail”. Qualia is a single word and the letter Q is always capitalized.
Qualia
The letter Q in Qualia is always capitalized
Que
Quail
qualia
qua lia
Screenshots
You should use unaltered screenshots for instructional purposes. Unless a photo is zoomable, do not scale the contents of screenshots for display. Please consider how much screen context is necessary to present our product. If necessary, you can use selective dimming to focus attention on a specific UI component while still revealing it’s surroundings. Try to keep some spacing between UI elements and the edge of the screenshot.
Usage of our brand
In general, please don’t edit or change our logo and please don’t use our name, logos, or screenshots in ways that may be confusing, misleading, or suggest our sponsorship.