Radiuz brand book

Connecting the dots

The line-based elements are based on the ‘connecting the dots’ concept. Making connections, drawing lines from point to point in a square raster. On images used in one color: black or white. On solid white or black it can be used with the gradient for color recognition.

Cropping

Use cropped parts as styling elements in layout. Feel free to rotate and position the line element as you like so it suits the design.

Full gradient
When using the gradient, make sure the complete gradient is visible within the cropped line element. For more information check the gradient info in the colors section. 

App

Example screens of the redesigned Radiuz App. These lay-outs are available in the provided Sketch file or via the online InVision inspect tool (you first need to create a free InVision account).

Palet

For digital purposes the color palet matches the pre-defined colors. With some slight additions and alterations. For digital we do NOT use rich black, but #1E1E1E. We do this to avoid too high contrast ratio’s, resulting in less legibillity of the onscreen text.

For each color we added a darker shade for mouse-over purposes. In the digital palet these darker colors have the number 11. The addition of the ‘degree sign’ to a color number indicates it is the pre-defined color (i.e. Primary 11° or Secundary 01°)

For digital we also have the option to use gradients. The pre-defined bright green to teal green to deep blue. But also extra gradients in different shades. These a mainly used for graphs and charts.

The correct HEX values are available in the provided Sketch file or via the online InVision inspect tool (you first need to create a free InVision account).

Typography

For digital purposes the general typography rules set in the chapter Typography apply. Basic digital text styles are defined so that the Main vs. Subtitle ratio is maintained.

Example A to the right is the basic primary color of the typography in black. For digital we do NOT use rich black, but #1E1E1E. We do this to avoid too high contrast ratio’s, resulting in less legibillity of the onscreen text.

The digital primary color black is extended with secundary (teal green), tertairy (bright green) and quaternary (deep blue) colors. These typography sets can be found in the downloadable Sketch file.

With up to 7 heading sizes, from Hero to a H6 size there are enough sizes to choose from. Each size can be used in Bold or Light weights. Or in a main heading with subheading combination (see example B).

In addition to the headings we provide intro, body and generic text styles. Also in different color sets available in the provided Sketch file or via the online InVision inspect tool (you first need to create a free InVision account).

Buttons

For digital purposes we have a multitude of different buttons to be used. From extra large (XL) to extra extra small (XXS) sizes. With different levels of visibility: with a gradient background (level A), solid background (level B) to outlines (level C). Most of these options are possible in the defined colors. There is also the option to use an icon in your button next to the button name.

In the example to the right you see the secundary color set in all variations. The primary (black), tertairy (bright green) and quaternary (deep blue) color sets do NOT have the level A gradient styles, but only solid and outline versions.

The secundary button set is available in the provided Sketch file or via the online InVision inspect tool (you first need to create a free InVision account).

Inputs

For digital purposes we have designed a coupe of ways users can input data; text inputfields, pulldowns, checkboxes, radio buttons and toggle switches. For each type we have different sizes as you can see to the right.

The input set is available in the provided Sketch file or via the online InVision inspect tool (you first need to create a free InVision account).

Icons

For digital purposes we provide a basic set of icons. These icons come in 3 sizes: regular (R),  smal (S) and extra small (XS) and can be used in all defined color sets depending on the background color.

The icons are based upon the EGO Icons geometric iconset. Some icons are slightly altered or combined to match the correct purpose or size of the icon. The full set of 371 MB in multiple file formats (AI / EPS / Iconjar / PDF / Sketch / SVG) can be downloaded here.

This basic icon set is available in the provided Sketch file or via the online InVision inspect tool (you first need to create a free InVision account).

Style

Make sure the photos are sharp and realistic. It’s important they have a natural sense. Real people in real environments. Focus on people, preferably with a nice depth of field. Focus on what matters, so surroundings or backgrounds don’t track too much attention.

People

Confident, happy and well dressed casual/business people. They feel relaxed and comfortable in a dynamic environment. They are enjoying their trip. Focus on one person. Traveling environment in suppressed background. Preferably captured in the moment, not posing/looking at the camera.

Grading

Images need to be slightly saturated to create a more neutral atmosphere. Try to avoid too many or fierce colors and disturbing or overexposed contrasts. Learn more about that by clicking on the ‘grading’ tab.

Grading

Images for Radiuz need to be retouched with a smooth saturation. Not adjusted black and white, but slightly saturated. For a more neutral atmosphere ánd it goes really well in combination with the Radiuz color scheme.

Don’t

No artificial elements or effects. And no cliche stock imagery. Keep it real, down to earth.

RADIUZ
Fully written out in capitals. But only if it stands on its own. So in advertising, as a header at the top of the website, or on social media.

Radiuz
When Radiuz is used in running copy, we write it in the following way: Radiuz. So with a capital R and the further letters in lowercase.

Radiuz is a professional organization, nevertheless we aim to be edgy in our choice of words.. This means that you can write sharp and clever from time to time. If we were to humanize the brand, he or she would have the following characteristics:

• Digital & up-to-date
• Quality assurance
• Solution-oriented
• Open (sharing)
• Human & informal
• Pioneer
• Pragmatic
• Accurate

With a wink
Radiuz is a bit rebellious. A wink or humor (on its time) is fine!  Very welcome, even. But it should never be at the expense of clarity. Radiuz is above all a service provider that brings brightness within a ocean of innovation. So humor is more than welcome, but always secondary to comprehensibility.

Simple but inspirational
Use as few difficult words as possible. Stay close to colloquial language. Virtually no one verbally uses words like “already”, “through” or “as a result of.”  Don’t do that in your written texts either. But don’t forget that your target audience appreciates a piece of prose. Metaphorical writing is an art in itself, and more than welcome if clearly. Do not write in metaphors as a purpose, but use it to inspire and to rapture your reader, and therefore always functional. Your main goal is to connect with your reader.

Write involved
Your client can be the CEO or the board of a big company, but also the end-user. Estimate which tone fits best. Consider yourself the problem solver who thinks in terms of possibilities. The following applies to both parties: it can be better, more comfortable, cheaper, faster, smarter and so on. Arrange your texts so that the reader feels that he is understood and can move forward. The reader needs someone who is travelling with him, by his side. Be clear but always helpful. 

Keep it short
Can you shorten a sentence? Do it. Try to maintain a maximum sentence length of fourteen words. And alternate the sentence length. Don’t be afraid of using very short sentences. Try applying rhythm. You attach a short sentence to every two longer sentences. Also look critically if you can’t split up long sentences:

Example:
“We are incredibly proud of who we are, what we do, who we do it for and what this means for the future.”

Or:
“We are proud of who we are and what we do. But above all: for whom we do it and what this means for the future.”

(Almost) no abbreviations!
Do not use functional abbreviations such as approx, ASAP, e.g, temp.

Exceptions: map locations and academic and job titles. 

Example:

• Ave. – Avenue
• Blvd. – Boulevard
• N – north
• NE – northeast

and:

• BA – Bachelor of Arts
• BS – Bachelor of Science
• MA – Master of Arts

Be aware of subjective additions
Be careful not to use too many subjective additions such as “quite” and “considerable”. These can unintentionally give an unwanted and negative charge to your copy.

Write positive
Thinking in possibilities is a typical characteristic from the core of Radiuz’s DNA. Avoid unnecessary use of words with a negative charge such as “no”, “never”, “none” and “but”. If you consciously deal with this, you make texts much more positive and activating.

Write actively
Avoid phrases with “become,” “go,” “will,” “want,” and “are.” Make it clear and personal.

Do: “We will send you the brochure.”

Don’t: “The brochure will be sent to you.”

Do: “We are happy to take you on an adventure.”

Don’t: “We would be happy if we were to take you on a adventure.”

Avoid faulty parallelism
Faulty parallelism are sentences within sentences. A sentence with faulty parallelism doesn’t read pleasantly.

Do: “If you agree, we will make a journey together that you will never forget.”

Don’t: “The journey we make together, if you agree in going with me, will be one to remember.”

Write as if you’re asking!
Alternate “normal” sentences with question phrases. This makes your copy smoother and more personal. What do we mean by that? Exactly, this!

Write the following numbers in words:

• Entire numbers below twenty, tens to a hundred, hundreds to a thousand. So we write: eighteen, 22, forty, 103, two hundred, 250, three thousand;
• One thousand, one hundred thousand, million and billion. You combine these numbers with a space: ten million, 123 million, two billion.

Two exceptions:

• Use figures with exact information such as sizes, temperatures, ages, years, page numbers, percentages and amounts of money (3 grams, 16 years, etc.);
• If there any numbers in a text that you should write in full? And numbers that you should write as numbers? Then write everything in numbers.

RADIUZ
Dus volledig uitgeschreven in kapitalen. Maar alleen als het op zichzelf staat. Dus in reclamische uitingen, als header bovenaan de website of op social media.

Radiuz
Wanneer Radiuz in een lopende tekst gebruikt wordt, doen we dit op de volgende manier: Radiuz. Dus met een hoofdletter ‘R’ en de verdere letters als onderkast.

Radiuz is een professionele, zakelijke organisatie, maar wel edgy. Dat betekent dat er hier en daar best wel gewiekst geschreven mag worden. Als het merk een mens zou zijn, horen daar de volgende eigenschappen bij:

• Digitaal & up-to-date
• Kwaliteit
• Oplossingsgericht
• Open (delen)
• Menselijk & informeel
• Pionier
• Pragmatisch
• Accuraat

De knipoog
Daarnaast is Radiuz een tikkie rebels. Een knipoog of humor (op zijn tijd) kan dus prima! Maar het mag nimmer ten koste gaan van helderheid. Radiuz is boven alles een dienstverlener die duidelijkheid verschaft binnen een zee van vernieuwing. Dus humor is welkom, maar altijd ondergeschikt aan begrijpelijkheid. 

Eenvoudig, maar met bezieling
Gebruik zo min mogelijk moeilijke woorden. Blijf dicht bij spreektaal. Vrijwel niemand gebruikt in een gesprek woorden als ‘reeds’, ‘middels’ of ‘dientengevolge’. Dat doe je in je geschreven teksten dus ook niet. Maar vergeet niet dat je doelgroep een stukje proza waardeert. Metaforisch schrijven is een kunst op zich, maar indien helder meer dan welkom. Schrijf in beeldspraak om te inspireren en om in vervoering te brengen, maar dus wel altijd functioneel. Je wilt contact maken met je lezer.

Schrijf betrokken
Je klant kan zowel een CEO als de eindgebruiker zijn. Voel aan welke toon het beste past. Beschouw jezelf als de probleemoplosser die in mogelijkheden denkt. Voor beide partijen geldt: het kan beter, comfortabeler, voordeliger, sneller, slimmer en zo verder. Stel je teksten zo op dat de lezer voelt dat hij begrepen wordt en vooruit kan. Hij heeft behoefte aan iemand die naast hem staat en die hem op weg kan helpen. Zeg op een vriendelijke manier waar het op staat.

Houd het kort
Kun je een zin korter maken? Doe dat dan. Probeer een maximale zinslengte van veertien woorden aan te houden. Wissel de zinslengte af. Wees niet bang voor het gebruik van zeer korte zinnen. Probeer ritme aan te brengen. Aan elke twee langere zinnen verbind je een korte. Kijk ook kritisch naar lange zinnen. Kun je ze toch niet opsplitsen?

Voorbeeld:
‘We zijn ongelooflijk trots op wie we zijn, wat we doen, voor wie we het doen en wat dit betekent voor de toekomst.’

Of:
‘We zijn trots op wie we zijn en wat we doen. Maar boven alles: voor wie we het doen en wat dit betekent voor de toekomst.’

Geen afkortingen
Gebruik geen functionele afkortingen als m.b.t., t.g.v., i.o.v., o.a. en n.a.v.

Ben je bewust van subjectieve toevoegingen
Let erop dat je niet te veel subjectieve toevoegingen als ‘nogal’, ‘behoorlijk’ en ‘aanzienlijk’ gebruikt. Deze kunnen onbedoeld een ongewenste en negatieve lading aan je tekst geven.

Schrijf positief
In mogelijkheden denken is kenmerkend voor het karakter van Radiuz. Vermijd zodoende het onnodig gebruiken van woorden met een negatieve lading zoals ‘niet’, ‘nooit’, ‘geen’ en ‘maar’. Als je hier bewust mee omgaat, maak je teksten veel positiever en activerender. 

Schrijf actief
Vermijd zinnen met ‘worden’, ‘gaan’, ‘zullen’, ‘willen’ en ‘zijn’. Dan ben je duidelijk en persoonlijk.

Zo wel: ‘We sturen je de brochure op.’

Zo niet: ‘De brochure wordt naar je toegestuurd.’

Zo wel: ‘We nemen je graag mee op avontuur.’

Zo niet: ‘We willen je graag meenemen op een avontuur.‘

Vermijd tangconstructies
Tangconstructies zijn zinnen binnen zinnen. Een zin met een tangconstructie leest niet prettig.

Zo wel: ‘Indien je ermee instemt, maken we samen een reis om nooit te vergeten.’

Zo niet: ‘De reis die we samen maken, als je hiermee instemt, wordt er een om nooit te vergeten.’

Schrijf in de vraagvorm
Wissel ‘gewone’ zinnen af met vraagzinnen. Deze maken  de tekst vlotter en persoonlijker. Hoe we dat bedoelen? Nou, zo!

Wanneer ‘jij’?
Eigenlijk altijd. Maar we zijn toch een groot bedrijf dat zaken doet met grote bedrijven? Niet zozeer. We zijn mensen die zaken doen met mensen. Dat is het belangrijkste. Dus gewoon ‘jij’ en ‘je’, dat is wel zo gezellig. Vind je niet?

Wanneer ‘u’?
Zo min mogelijk. Wij van Radiuz proberen het informeel te houden. Wanneer we grote bedrijven aanschrijven en we willen graag kennismaken. Tsja, dan wel. Voel aan wanneer u, pardon je kunt downtunen.

Correct:
je
Ook ok:
jij/jou

Niet ok:
u/uw

Schrijf de volgende getallen in woorden:

• Hele getallen beneden de twintig, tientallen tot honderd, honderdtallen tot duizend. We schrijven dus: achttien, 22, veertig, 103, tweehonderd, 250, drieduizend;
• Duizend, honderdduizend, miljoen en miljard. Deze getallen combineer je met een spatie: tien miljoen, 123 miljoen, twee miljard.

Twee uitzonderingen:

• Gebruik cijfers bij exacte informatie zoals maten, temperaturen, leeftijden;
• Jaartallen, paginanummers, percentages en geldbedragen (3 gram, 16 jaar enzovoort);
• Komen er in een tekst getallen voor die je voluit zou moeten schrijven? Én getallen die je als cijfers zou moeten schrijven? Schrijf dan alles in cijfers.