Branding
The Learn Tech mark is built from two interlocking forms. Use the files below as is. Do not recolor, stretch, or add effects. Right click the logo in the header to open the brand menu anywhere.
Logomarks
Three lockups cover all surfaces. The horizontal version is the default. All files are SVG and scale without loss.
Color
Logomark
Icon only. Use for favicon, app icon and compact placements.
Horizontal
Primary lockup. Use in header and wide surfaces.
Stacked
Vertical lockup. Use for centered compositions and signage.
Color
Primary is the brand color. Background and card are the surface colors. Muted is for secondary text.
Primary #224248
Logo, buttons, headings
Background #FAFBFC
Page background
Card #FFFFFF
Surfaces, header background
Muted #6B7A80
Secondary text, descriptions
Typography
Quicksand is the only typeface for the brand in weights 400, 500, 600 and 700. Keep headings at 600–700 and body at 400–500. Do not substitute another font for the wordmark.
Clear space & size
- Keep clear space equal to the height of the lower bar around the logo.
- Minimum height is 20px for the logomark and 24px for the horizontal lockup.
- Use the stacked lockup only on centered layouts.
Don'ts
- Do not recolor outside primary or white.
- Do not add shadows, gradients, outlines or rotation.
- Do not stretch, crop or place on busy photography.