brand guidelines

Q Designers Design System & UI Elements

Check out Q Brand Components ↓

1. Brand Identity

Key Components

Bold and Capitals

Used in headlines

Circle

Representing innovation and creativity

Rounded Corners

For photos, boxes and elements

Space

Representing minimalism and simple look

Colors

Blue

RGB: 97, 255, 100

Turqoise

RGB: 227, 194, 100

Shark

RGB: 29, 29, 100

Wood Smoke

RGB: 13, 15, 100

White

RGB: 255, 255, 255

Tower Gray

RGB: 188, 188, 100

Don't use plain black

Don't use different oppacity

Don't use other colors

Fonts

Lead Text Font

Used for lead text, paragraphs & links

Numbers Font

Used for numbers

Alternative to Source Sans Pro

Used for quotes

Alternative to Bebas Neue

Used if Bebas Neue spacing is too wide

2. Logo

Download Logo (PNG, PDF) from Google Drive ↓

Logo Safe Zones

Logo - Don't Use

Don't stretch

Do NOT stretch the logo or change thickness

Don't use other colors

Do NOT use other colors apart from this manual

Don't rotate the logo

Do NOT use rotation or orientation change

Don't use mask

Do NOT use mask or overlay effects

3. Icons

4. Brand Experience

Website

Homepage

Simple and minimalist

Case Study

Off-center photos and leads

Cards

Off-center photos and links

5. Internal Documents

Presentation

Letterhead

Business Card

Baví vás naše práce?

Ozvěte se nám →

Zajímají vás inovace s pozitivním dopadem? Sledujte náš newsletter →