Brand Manual by egotype

Brand Guidelines 2020 Radius Series.

The new Brand Guidelines for Radius Corp. to represent your identity.

002

<<<<

Brand Guidelines 2020

Welcome Guideline Introduction

The Guideline Introduction

Contact

These guidelines describe the visual and verbal elements that represent RadiusÂ´ corporate identity. This includes our name, brandmark and other elements such as color, type and graphics. Sending a consistent and controlled message of who we are is essential to presenting a strong, unified image of our brand. These guidelines reflect Radius commitment to quality,

Address:

consistency and style. The Radius brand, including the logo,

Radius Studio

name, colors and identifying elements, are valuable company

Main Avenue, 7th

assets.

New York, USA

Each of us is responsible for protecting the companyâ&#x20AC;&#x2122;s

Online:

interests by preventing unauthorized or incorrect use of the

info@radius-studio.com

Radius name and marks.

www.radius-studio.com

Brand Guidelines 2020

>>>>

Content Brand Guidelines 2020

About us

II. Brand Identity

III. Logo and Logo Guidelines

IV. Corporate Typography

V. Corporate Colors

VI. Stationery 22 VII. Grid & Layout Systems

VIII. Corporate Images

IX. Mood Boards and Patterns

X. Iconography Basics

XI. Infographics 38

003

004

<<<<

Brand Guidelines 2020

Introduction Executive Summary

»» Quality

»» Integrity

»» Teamwork Place a subline here Quas dolentiur? Et ut mo beate nobis urbi autendenihil iducias nobis autendenihil as iducias adit quostrum accus et aut et rem quidipsa quam recus. Quas dolentiur? Ints Et ut mo nobis autendenihil iducias adit quostrum accus et aut et rem

»» Respect for People

quidipsa. Et ut mo beate nobis Quas dolentiur? autendenihil iducias nobis autendenihil iducias adit quostrum accus et aut et rem quidipsa quam recus. Whacum si dolentiur? Et ut valis it mo nobis autendenihil iducias nobis autendenihil as iducias adit quostrum accus et aut et rem quidipsaecus. Quas dolentiur iducias aditoriars.

»» Good Citizenship

Place a subline here Quas dolentiur? Et ut mo beate nobis urbi autendenihil iducias nobis autendenihil as iducias adit quostrum accus et aut et rem quidipsa quam recus. Quas dolentiur? Ints Et ut mo

»» Responsibility

nobis autendenihil iducias adit quostrum accus et aut et rem quidipsa. Et ut mo beate nobis Quas dolentiur? autendenihil iducias nobis autendenihil iducias adit quostrum accus et aut it mo nobis autendenihil iducias nobis autenden.

»» Accountability

Brand Guidelines 2020

>>>>

005

Creating Values.

Our Vision

Our Mission

Dis doluptium cor sitate vendi ium de optur,

quossitia

cus,

utem.At

acesequi

cones

cus,

utem.At

acesequi

cones

quam res reperciam, evendellabo. Nequatiis

doluptatqui destia volore ant aut maximilia

con ex eum et aligent evelitis.

At acesequi cones quam res reperciam,

evendellabo. Nequatiis doluptatqui destia

volore ant aut maximilia con ex eum et

aligent evelitis.

Epudit anime reium, omniscipsum binist

ersped quam aut quas dolupta tinctat at

iusanditate dignimo int volor aut dessist

equia nulliciendit fuga. Et in cuptate quo

equia nulliciendit fuga. Et in cuptate quo.

006

<<<<

Brand Guidelines 2020

Introduction About our Design Studio

Build your brand in a successful way.

Create and Believe. Live and Feel. Redesign and be Free.

Uptam eossum que aut que volor

Uptam eossum que aut que volor simentur, consed quis des venim

simentur, consed quis des venim ipienis

ipienis et eatusantus se con consequ iatur? Optatur rernatus ad etur

et eatusantus se con consequ iatur?

as ent ut quis quatem fugitinctur ipienis et eatusantus se con consequ

Optatur rernatus ad etur as ent ut quis

iatur? Optatur rernatus ad etur quatem fugitinctur ipienis?

quatem fugitinctur ipienis et eatusantus se con consequ iatur? Optatur rernatus

Uptam eossum que aut que volor simentur, consed quis des venim

ad etur fugitinctur quatem fugi tinctur

ipienis et eatusantus se con consequ iatur? Optatur rernatus ad etur as

ipienis quatem fugitinctur ipienis et

ent ut quis quatem aut que volor simentur, consed quis des venim ipienis

quatem fugitinctur ipienis.

et eatusantus se con consequ iatur?

Brand Guidelines 2020

Good design is like a refrigeratorâ&#x20AC;&#x201D; when it works, no one notices, but when it doesnâ&#x20AC;&#x2122;t, it sure stinks.

>>>>

007

008

<<<<

Identity Our Corporate Brand Identity

Corporate Identity Corporate Behaviour Corporate Design Corporate Culture

Brand Guidelines 2020

>>>>

Identity

Behaviour

Corporate Identity How we are.

Corporate Behaviour How we want to be.

Quatem iur? Velenes de plab il imenim fugitatent

voloreh enisquis omnist ommodi dolupta desciatur,

sediorio inctia voluptat odicim sition

Ectent asincit, core esciminit asimolut quia quatet

essimus dendige niminul luptae vendae.

Design

Culture

Corporate Design How we wanna look.

Corporate Culture How we care about.

Quatem iur? Velenes de plab il imenim fugitatent

voloreh enisquis omnist ommodi dolupta desciatur,

sediorio inctia voluptat odicim sition

Ectent asincit, core esciminit asimolut quia quatet

essimus dendige niminul luptae vendae.

009

0010

<<<<

Brand Project Brief, Goals and Content

The brand brief. Uptam eossum que aut que volor simentur, consed quis des venim ipienis et eatusantus se con consequ iatur? Optatur rernatus ad etur as ent ut quis quatem fugitinctur ipienis et eatusantus se con consequ iatur? Optatur rernatus ad etur quatem fugitinctur ipienis?

The brand goals. Uptam eossum que aut que volor simentur, consed quis des venim ipienis et eatusantus se con consequ iatur? Optatur rernatus ad etur as ent ut quis quatem fugitinctur ipienis et eatusantus se con consequ iatur? Optatur rernatus ad etur quatem fugitinctur ipienis?

Brand Guidelines 2020

â&#x20AC;?

Brand Guidelines 2020

>>>>

0011

The design process, at its best, integrates the aspirations of art, science, and culture.

0012

<<<<

Brand Guidelines 2020

Visual Basics The Radius Logo

The Corporate Logo. The Radius Masterbrand or Corporate Logo comprises two

The Logo Type has been carefully chosen for its modern

elements, the logo symbol and logo type. The Logo Symbol is

and yet refined, highly legible style, which has been further

a powerful image evoking the culture of design services - the

enhanced by the use of lower case letters. The typeface of

connection between the strength of communication and the

Radius is Fira Sans and has also been chosen to compliment

different points that influence.

and balance perfectly with the logo symbol.

The Logo Symbol.

The Logo Title.

Consists of a powerful element evoking the culture of design

Carefully chosen for its modern and refined, highly legible

services and a yellow or white square backround.

style, The font that is used here is Fira Sans.

Radius. Logo Dark Version

Logo Light Version

Company Title 100 % size

Brand Guidelines 2020

Especially & Passionated

Lively & Sustainable

Attentively & Thoughtful Peerlessly & Professional

>>>>

0013

0014

<<<<

Brand Guidelines 2020

Visual Basics The Radius Logo

The Construction It is important to keep corporate marks clear of any other graphic elements. To regulate this, an exclusion zone has been established around the corporate mark. This exclusion zone indicates the closest any other graphic element or message can be positioned in relation to the mark.of the the symbol itself and our company name â&#x20AC;&#x201C; they have a fixed relationship that should never be changed in any way.

The Clearspace Clearspace Whenever you use the logo, it should be surrounded

Clearspace Full Logomark

/2 x

with clear space to ensure its visibility and impact. No graphic elements of any kind should invade this

/ / xx

1 1 2 2

/2 x

zone. Clearspace Single Logomark

Computation To work out the clearspace take the height of the

/2 x

logo and divide it in half. x

(Clearspace = Height / 2). /2 x

/2 x

Brand Guidelines 2020

>>>>

Visual Basics The Radius Logo

Logo A

Logo B

Logo C

Logo D

Colored Background

Gray Background

Dark Background

White Background

Minimum logo sizes

Full Logo Minimum Size: 5 mm x 5 mm

Logo Symbol Minimum Size: 5 mm x 5 mm

Whenever you use the logo, it should be used with a minimum height of 12 mm. The clear space is additional to the logo height to ensure its visibility.

0015

0016

<<<<

Brand Guidelines 2020

Typography Primary Font

Fira Sans

ÂŠ

A serif family font

Primary Font

Designer

Fira Sans

Erik Spiekermann

Fira Sans (initially called Feura Sans) is a humanist sans-serif

by Spiekermann in the late 1980s which is used as the brand

typeface designed by Erik Spiekermann, Ralph du Carrois,

typeface of the Mozilla Foundation.

Anja Meiners and Botio Nikoltchev of Carrois Type Design for

In its initial 2013 release, Fira Sans was available in four

the Firefox OS.

weights with corresponding italics: light, regular, medium, and bold. In May 2014, the number of weights was increased

Fira was released in 2013 initially under the Apache License

to 16. In 2015, Mozilla added a condensed style. The family has

and later reissued under the SIL Open Font License. It is

a large character set including text figures and small caps.

closely related to the Meta typeface designed and developed

Brand Guidelines 2020

>>>>

0017

Typography Font Styles

Font Name

Primary Corporate Font : Fira Sans

Bold

Figures

Special Charactes

M Z

Regular

B b

X x

Y y

Z z

m z

0 1 2 3 4 5 6 7 8 9 0 !

“

[

∑

€

†

∆

/ ]

(

)

| ⁄ ƒ

∂

;

{

}

≠

‘

•

‘

≈

‚

0018

<<<<

Brand Guidelines 2020

Typography Typographic Font Hierarchy

Context Text

Caption Text

and inner Headlines

Radius Studio Typo. Fira Sans Light 7 pt Type / 10 pt Leading

Copy Text

Radius Studio Typo. Fira Sans Light 10 pt Type / 14 pt Leading

Headlines Copytext

Radius Studio Typo. Fira Sans Bold 12 pt Type / 15 pt Leading

Sublines Sections

Radius Studio Typo. Fira Sans Bold 16 pt Type / 20 pt Leading

Headlines and

Headlines and Title

Typobreaks

Radius Studio Typo. Fira Sans Bold 21 pt Type / 25 pt Leading

Big Sequencer Title

Radius Headline Fira Sans Bold

38 pt Type / 38 pt Leading

Brand Guidelines 2020

>>>>

0019

Typography in Perfection. Typographic hierarchy creates contrast between elements. There are a variety of ways you can create a sense of hierarchy.

0020

<<<<

Brand Guidelines 2020

Color Codes Primary Color System

Primary Color A

Primary Color B

Timeless Yellow

Deep Black

Print Color Codes

CMYK

: C000 M020 Y100 K000

Pantone : 297C

HKS

: 02K

Primary Color A.

Yellow

Black

Web Color Codes

RGB : R000

The colors below are recommendations

G000

for various media.

B000

Web : #000000

Brand Color System. Color plays an important role in the Radius Corp. corporate identity program.

A palette of primary colors has been developed, which comprise the â&#x20AC;&#x153;One Voiceâ&#x20AC;? color scheme. Consistent use of these colors will contribute to the cohesive and harmonious look of the Radius brand identity across all relevant media. Check with your designer or printer when using the corporate colors and that they will be always be consistent.

Brand Guidelines 2020

>>>>

0021

Color Codes Secondary Color System

Secondary Color A

Secondary Color B

Secondary Color C

Secondary Color D

Custom Violet

Red Rose

Marin

Gray

Print Color Codes

CMYK

: C000 M020 Y100 K000

Pantone : 297C

HKS

: 02K

Secondary Color A.

Secondary Color B.

Secondary Color C.

Secondary Color D.

Violet

Red Rose

Marin

Gray

Web Color Codes

RGB : R000

G000

B000

Web : #000000

0022

<<<<

Brand Guidelines 2020

Print Communication Corporate Stationery System

Stationery is a primary means of communication and it is

variations in size and content for different regions of the

essential that every application be a consistent reflection of

world. This section illustrates approved layouts for standard

our corporate identity.

U.S. business stationery.

There is only one approved design format for all corporate

It includes specifications for typography, color, printing

and business unit stationery, although there are slight

method, paper stock.

Letterhead

Parameter

Main Avenue, 7th New York, United States T. 01 23 4567 8901 F. 01 23 4567 8901

Dimensions:

Print:

DIN A4

CMYK Offset

Paper Weight: 100 g/m2

This shows the approved layout with

July, 2ne 2017 Mr. Max Jefferson Creative Director London, GB

info@radius-studio.com www.radius-studio.com

Dear Sir and Madam, Excero mo dit voluptatur, quunti ra dolupta sit quat archicatibus rae ni arum remque repel iliquo ipsaper atibusant mint quam fuga. Itate cus, ut eum estiam ium ipsametur, siminctus dolest arum consed quiberum nihici aut voluptaque consedi blanis a num eicto optassi nverumquis auda con peptate reperep udantiis sed uatiis mo ea verferes des essinctet parum quaspe solupta et et dolorumt. As et ut dolut voloritatium explige ndenditia dolum erci omni beariberia que dist officabo. Icillabo. comnienis as accusda a niet autam, qui blaborem quibusdam, te pro ilignim iliciate enis restendae nonseditibus ent fugitatius alis ate ipsam quiam re volut que ea quist, occullabo. Ut et etur?

the primary elements of the Radius

Aditi comnimus ullacea tiant, se ne volupta dolut dit imodipsum esciur? Udio cus nest evella nest que aute nis eos eaquo quidusdae ea vel entoritae culloru ptatecab ident.

stationery system for the frontside of

Best Regards

letterheads. David Simmons Company President

Usage: The corporate letterhead will be used for all official external communication of Radius company.

Radius Studio. Brand Builder

radiuscorp.

Brand Guidelines 2020

>>>>

Company envelope This shows the approved layout with the primary elements of the Radius stationery system for envelopes. Living economy.

Parameter Dimensions: Main Avenue, 7th New York, United States

Din A4 210 x 297 mm DL 210 x 105 mm

info@radius-studio.com www.radius-studio.com

T. 01 23 4567 8901 F. 01 23 4567 8901 info@radius-studio.com www.radius-studio.com

Paper Weight: 120 g/m2

Business Cards

Radius

Mr. Max Jefferson Creative Director

Parameter Radius Corp. Main Avenue, 7th New York, USA

Dimensions:

Print:

85 x 55 mm

CMYK Offset

T. 01 23 4567 8901 F. 01 23 4567 8901

info@radius-studio.com www.radius-studio.com

Paper Weight: 350 g/m2

This shows the approved layouts with the primary elements of the Radius stationery system for business cards. Usage: Corporate business cards will be used for all official contact and external communication company.

Radius

Studio

www.radius-studio.com

0023

0024

<<<<

Brand Guidelines 2020

Visual Basics The Radius Logo

The height of cultivation always runs to simplicity. Design is your answer.

Place your Logo in the correct way.

Explanation. To place the Radius logo in the correct way please use one of the approved styles that are shown on the right. To place the Radius logo in other ways is not allowed.

Brand Guidelines 2020

Visual Basics Correct Logo Placement

>>>>

0025

0026

<<<<

Brand Guidelines 2020

Visual Basics Print Grid System

Din A4 grid system. In graphic design, a grid is a structure made up of a

series

intersecting

straight (vertical, horizontal, and angular) or curved guide lines

used

structure

content. The

grid

serves

armature

designer

can

which

organize

graphic elements (images, glyphs, rational,

paragraphs) easy

absorb

manner. A grid can be used to organize graphic elements in relation to a page, to other graphic elements on the page, or relation to other parts of the same graphic element or shape.

Brand Guidelines 2020

>>>>

0027

Grid Systems Build a Solid Design Layout

One of the easiest ways to achieve an organized design is

The grid system helps align page elements based on

to apply a grid system. Itâ&#x20AC;&#x2122;s a tried technique that first found

sequenced columns and rows. We use this column-based

favor in print layout. Grids in interactive design can also help

structure to place text and imagesin a consistent way

provide a consistent experience across multiple devices with

throughout the design. Every element has its place that we

different screen sizes. Users are happy when they see familiar

can see instantly and reproduce elsewhere. Imagine the chaos

features laid out as they would expect to find them.

if there were no grid system. They keep us right on the road!

Example of a cover grid system

Example of a inner page grid system

Place a big cover title.

Place an awesome quote for more information here. Create creative and lovely things. Place a headline

Dis doluptium cor sitate vendi ium de optur, quossitia cus,

Dis doluptium cor sitate vendi

utem.At acesequi cones quam

ium de optur, quossitia cus,

res reperciam, evendellabo.

utem.At acesequi cones quam

Nequatiis doluptatqui destia

res reperciam, evendellabo.

volore ant aut maximilia con

Nequatiis doluptatqui destia

ex eum et aligent evelitis

volore ant aut maximilia con

quam res reperciam.

ex eum et aligent evelitis quam res reperciam.

acesequi

cones

quam

res reperciam, evendellabo. At

To place the Radius logo in the correct way please use one of the approved styles that are shown

quam

Nequatiis doluptatqui destia

res reperciam, evendellabo.

acesequi

cones

volore ant aut maximilia con

Nequatiis doluptatqui destia

ex eum et aligent e quam res

0028

<<<<

Brand Guidelines 2020

Visual Basics Web Grid System

Desktop

www.radius-studios.com

Newsletter

Enter your mail address here

Brand Studio

About us

Web grid system. www.radius-studios.com

Screen grid This shows approved layouts

Newsletter

Enter your mail address here

with a responsive grid for a 16:9 Screen of our website.

about

This will be applicable for websites, landing pages etc. Responsive screen grid This is an example of a grid for mobile phones.

Clients.

Brand Guidelines 2020

>>>>

Visual Basics Responsive Grid System

Mobile grid system. The responsive layout grid adapts to screen size and orientation, ensuring consistency across layouts.

Mobile

About us

Clients

Contact

Tablet

0029

0030

<<<<

Image System Brand Image System

–– minimalistic touch –– modern –– modern look

Radius´ image system. Corporate Images are responsible to transfer the values of Radius to our customers or our potential customers. It is a composite psychological impression that continually changes with the firm’s circumstances, media coverage, performance, pronouncements, etc. Radius Ltd. use various corporate advertising techniques to enhance their public image in order to improve their desirability as a supplier, employer, customer, borrower, partner, etc.

Brand Guidelines 2020

>>>>

Image System Colored Images

How to.

Requirements:

- desaturate colours

- minimalistic look

Examples for Radius

- high contrast

- modern

Corporate Image System

- sharp images

- businesslike

0031

0032

<<<<

Brand Guidelines 2020

Image System Black & White Images

How to.

Requirements:

- desaturate colours

- minimalistic look

Examples for Radius

- high contrast

- modern

Corporate Image System

- sharp images

- businesslike

Brand Guidelines 2020

>>>>

0033

Image System Blending Modes for Images

A business class of its own. Radius is the worldÂ´s leading company for digital products and software.

www.radius.com

A class of its own.

Best company of the world.

How to.

Requirements:

Image Effects and blending

to divide content and other

modes raise the concision

graphical elements that are

Examples for Radius

and the recognizability of

used in layouts.

blending mode system

a brand. Also they are able

0034

<<<<

Brand Guidelines 2020

Image System Design Patters & Textures

A rough collage of colors, textures and pictures is all it takes to evoke a specific style or feeling.

Pattern A.

Pattern B.

Pattern C.

Pattern D.

Pattern E.

Pattern F.

Brand Guidelines 2020

>>>>

0035

Design System Mood Boards

Mood boards

Radius Inc. Mood Boards.

Mood

boards

and

style

elements are highly and extremely

useful

for

establishing the aesthetic feel of a design structure. It usually fits into the process somewhere after wireframes and before design process and mockups. Things and designs that can be explored in the mood board include photography style,

color

palettes,

typography, patterns and the overall look and feel.

0036

<<<<

Brand Guidelines 2020

Icon System Iconography

Icon Setup

Use of Radius Icon Set. You can use the approved Yellow Icon No Background

icon set for your print and web design development. If icons are missing or you need

additional

please

contact your designer to

Pictogram

create new icons in the corporate design style.

icon is a pictogram

displayed on a screen

Black Icon No Background

print layout in order to help the user navigate through the content in a easier way.

Download. The icon itself is a small

www.radius-studio.com/icons.zip

picture or symbol serving as

quick,

Scan for download icon set

â&#x20AC;&#x153;intuitiveâ&#x20AC;?

representation of a software tool, function, feature or a

White Icon

data file.

Yellow Background

Brand Guidelines 2020

Icon Series Corporate Icon Set

>>>>

0037

0038

<<<<

Brand Guidelines 2020

Infographic System Infographic Layouts

stats.

Infographics

Month: September Comparison Round

Sales: $ 27.500.000

-25 %

Data infographics Infographics visual of

are

graphic

representations

information,

knowledge to

-50 %

present

data

intended information

quickly and clearly. They can improve cognition by utilizing graphics to enhance the human visual systemâ&#x20AC;&#x2122;s ability to see patterns and trends.

Profit: $ 27.500.000

Sales: $ 27.500.000

+25 %

Investment: $ 27.500.000

+50 %

Table for Data Expenses

2018

2019

2020

Real Estate of Company

$22,000

Other Assets

$22,000

Deferred, Prepaid, Expenses

$22,000

$522,000

Total Assets

Brand Guidelines 2020

>>>>

0039

Infographic Series Usage

Online Customers in 2020

2.3%

+7.354

Wha esisti cum si? Adit quostrum accus et aut

It imported $313 billion of electronic integrated circuits in 2018.

14.4% Dipsa quam recus. Whacum si dolentiur? Et ut valis it mo nobis autendenihil iducias nobis autendenihil as iducias adit quostrum accus et aut et rem quidipsa.

Wha esisti cum si? Adit quostrum accus et aut

1.3% Wha esisti cum si? Adit

Wha esisti cum si dolentiur? Adit quostrum

quostrum accus et aut

accus et aut auten iducias nobis as iducias ad.

Trading

China Market In 11 of the 16 quarters since 2018,

Sales Total Wordlwide

$239 bn

As recently as 2008, China’s net trade surplus

accounted for 8% of GDP;

accounted for 8% of GDP; by 2018, that figure was

by 2018, that figure was

only about 1.3%—less than either Germany or

only about 1.3% — less

South Korea, where net trade surpluses generate

than either Germany

between 5% and 8% of GDP.

consumption has contributed more than

where net trade surpluses

60% of GDP growth.

8% of GDP.

generate between 5% and

– Continually Raise –

Brand Guidelines 2020

Contact

Company Address 7th Avenue, Manhattan 578 New York, United States Company Name : Radius Studio