The brand lockup of logomark + wordmark is the preferred usage for partnerships, co-branding, and in media articles.
Brand
Guidelines
02
Logos & Usage
Knowing which to choose and use
Brand Logo (horizontal)
- Do not recreate
- Always use the logo files provided in the brand kit
- The primary logo for the brand is the logomark + wordmark
- The primary logo should always appear in this size ratio
- The wordmark should always be ravenclaw, black or white
Brand Logo (stacked)
- Do not recreate
- Always use the logo files provided in the brand kit
- Avoid using the stacked logo at small sizes
- The stacked logo is for large-scale use or where horizontal space isn’t available
Logo construction and clear space
- For clear space around the logo, use the lowercase t as a guide
- The space between the logomark and the wordmark is equal to 20% of the height of the logomark
Logos on background colors
- The full-color logo should only be used on light or dark backgrounds
- Do not use the full-color logo on top of a photo or gradient unless it sits on a very light or very dark area of the image
- In cases where we need a single-color logo, please use only black or white for the logomark and the wordmark
03
Colors
Basically a little box of crayons
Our brand palette consists of four core hues used as solids and gradients. The primary background color is Ravenclaw.
Deep Pink
Purple Emperor
Pristine Oceanic
Cabbage
04
Visuals
Picture this and this and that
05
Typography
Because the Internet is mostly made of words
Lato
Lato is the font we use as our secondary typeface in paragraph text and small UI elements. In cases where Outfit is unavailable, Lato may also be substituted for headlines.
The name Lato means “summer” in Polish, and the font reflects the designer’s vision of a modern and friendly typeface that can work well in various situations. Lato has a classical proportion and structure, but with some subtle features that give it a warm and humanist feel.
Outfit
Outfit is the font used for headlines on marketing and product web experiences.
It adds a geometric touch with its clean-cut appearance, enhancing Lato’s humanist design for a modern and streamlined aesthetic.
Outfit is a sans serif font that was designed by Kevin Richey and released in 2018. The font was inspired by the Bauhaus movement, which emphasized simplicity, functionality, and geometric shapes. Outfit has a modular structure with sharp angles and uniform strokes, creating a sleek and futuristic look. Outfit is compatible with most devices and platforms, and supports multiple languages and glyphs.
Type Scale
Outfit for headings and Lato for body copy
Heading - H1 |
Font size: 48px (3em) |
Heading - H2 |
Font size: 40px (2.5em) |
Heading - H3 |
Font size: 32px (2em) |
Heading - H4 |
Font size: 24px (1.5em) |
Heading - H5 |
Font size: 20px (1.25em) |
Heading - H6 |
Font size: 16px (1em) |
Body |
Font size: 16px (1em) |