Moneyweb Brand Manual
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
BRAND MANUAL
01<br />
MONEYWEB | BRAND MANUAL<br />
Content<br />
01. Logo Controls<br />
0.2. House Controls<br />
1.1<br />
Logo<br />
1.1<br />
Photographic style<br />
1.2<br />
Logo with clear space<br />
1.2<br />
Graphic style<br />
1.3<br />
Colours<br />
1.3<br />
Graphs<br />
1.4<br />
One-colour logo options<br />
1.4<br />
Proposal document<br />
1.5<br />
Logo on background<br />
1.5<br />
Video Treatment<br />
1.6<br />
Misuse of logo<br />
1.6<br />
Infographic style<br />
1.7<br />
Grid system<br />
1.7<br />
Iconography<br />
1.8<br />
Logo placement on grid<br />
1.9<br />
Primary typography<br />
1.10<br />
Secondary typography<br />
1.11<br />
Typography treatment<br />
1.12<br />
Stationary
02<br />
MONEYWEB | BRAND | MANUAL<br />
01.<br />
Logo Controls<br />
Chapters<br />
1.1<br />
1.2<br />
1.3<br />
1.4<br />
1.5<br />
1.6<br />
1.7<br />
1.8<br />
1.9<br />
1.10<br />
1.11<br />
1.12<br />
1.13<br />
1.14<br />
1.15<br />
Logo<br />
Logo Colours<br />
Logo Clear Space<br />
Minimum Size<br />
Primary Colours<br />
Colour Tints<br />
Secondary Colours<br />
Colour Weight<br />
Grid System<br />
Logo Placement<br />
Primary Typography<br />
Secondary Typography<br />
Typography Hierarchy<br />
Typography Treatment<br />
Stationary
03<br />
MONEYWEB | BRAND MANUAL<br />
1.1. Corporate<br />
Logo<br />
The <strong>Moneyweb</strong> logo as seen below is the primary logo. It is used on all the<br />
communication of the primary brand: signage, proposal documents,<br />
branding etc.<br />
1.2. Logo<br />
Colours<br />
The logotype should always contrast with the background. There are 4<br />
versions of the logotype to ensure legibility and optimum reproduction<br />
quality in all printing processes and digital needs.<br />
FULL COLOR<br />
The full color - positive logotype is the preferred version and should be<br />
used wherever possible.<br />
MONOCHROME<br />
When there is a limited number of colors available for reproduction, or the<br />
quality of colors is questionable, choose the monochrome version.<br />
Only black and white should be used.
04<br />
MONEYWEB | BRAND MANUAL<br />
1.3. Logo<br />
Clear Space<br />
CLEAR SPACE<br />
CLEAR SPACE<br />
CLEAR SPACE<br />
The clear space around the logotype on all sides should be equal to the<br />
height of the graph bar in the logo for maximum legibility and impact.<br />
CLEAR SPACE<br />
THE SPACE IS BASED ON THE GRAPH BAR IN THE MONEYWEB LOGO<br />
1.4. Minimum<br />
Size<br />
To preserve legibility, the logotype should never be printed smaller than<br />
19mm and should never appear at less than 75 pixels in digital formats.<br />
19mm<br />
75px
05<br />
MONEYWEB | BRAND MANUAL<br />
1.5.<br />
Primary<br />
Colours<br />
Colour, together with the logo and other brand elements, can help build<br />
a strong, recognisable brand. Use <strong>Moneyweb</strong> Blue as the primary colour.<br />
It should be used throughout our media branding as the key colour. Other<br />
key colours are <strong>Moneyweb</strong> Dark Blue and <strong>Moneyweb</strong> Yellow. We use them<br />
especially in the headlines, along with blue to make certain words stand<br />
out. Tints of the key colours can be used in other design elements.<br />
<strong>Moneyweb</strong> Dark Blue<br />
<strong>Moneyweb</strong> Yellow<br />
<strong>Moneyweb</strong> Blue<br />
CMYK / C 97 / M 85 / Y 40 / K 35<br />
RGB / R 33 / G 46 / B 82<br />
CMYK / C 0 / M 19 / Y 100 / K 0<br />
RGB / R 255 / G 204 / B 5<br />
CMYK / C 100 / M 80 / Y 8 / K 0<br />
RGB / R 24 / G 72 / B 149<br />
40%<br />
40%<br />
40%<br />
1.6. Colour<br />
Tints<br />
60%<br />
60%<br />
60%<br />
Use the tints, rather than the primary colours, in complex graphics<br />
or illustrations to give additional depth to designs.<br />
80%<br />
80%<br />
80%<br />
100%<br />
100%<br />
100%
06<br />
MONEYWEB | BRAND MANUAL<br />
1.7. Secondary<br />
Colours<br />
Blue<br />
CMYK / C 85 / M 54 / Y 0 / K 0<br />
RGB / R 38 / G 112 / B 184<br />
Dark Blue<br />
CMYK / C 100 / M 98 / Y 15 / K 13<br />
RGB / R 43 / G 14 / B 118<br />
Turquoise<br />
CMYK / C 68 / M 0 / Y 36 / K 0<br />
RGB / R 56 / G 190 / B 180<br />
They are not considered brand colors, and should be used only for elements;<br />
not as background or accent colors in marketing communications.<br />
Use with graphs, infographic and iconography.<br />
Orange<br />
Yellow 2<br />
Grey<br />
CMYK / C 0 / M 36 / Y 85 / K 0<br />
RGB / R 251 / G 174 / B 63<br />
CMYK / C 0 / M 15 / Y 80 / K 0<br />
RGB / R 255 / G 213 / B 81<br />
CMYK / C 9 / M 5 / Y 2 / K 45<br />
RGB / R 142 / G 146 / B 153<br />
1.8. Colour<br />
Weight<br />
<strong>Moneyweb</strong> Dark Blue should be used about a third as often as <strong>Moneyweb</strong><br />
Blue. <strong>Moneyweb</strong> Yellow is an accent color reserved for specific application,<br />
use it sparingly.
07<br />
MONEYWEB | BRAND MANUAL<br />
1.9. Grid<br />
System<br />
THE IDEAL GRID<br />
The <strong>Moneyweb</strong> grid is based on sixes and is called The Sixes Grid. This grid<br />
is used throughout the <strong>Moneyweb</strong> visual language and creates consistency<br />
across all elements and helps create a strong brand identity.<br />
1<br />
1<br />
2 3 4 5 6<br />
This grid system uses an ideal grid. On each element, you start out with<br />
the ideal grid and then just add rows or columns where needed. The ideal<br />
grid must never be stretched or distorted in any way.<br />
2<br />
3<br />
4<br />
5<br />
1.10. Logo<br />
Placement<br />
6<br />
A dynamic relationship exists between the <strong>Moneyweb</strong> logo and the page.<br />
The logo may be placed along the top or bottom of the page, depending<br />
on what best suits the layout. The following example indicates how the<br />
logo should be positioned on the grid.<br />
ADDING COLUMNS<br />
ADDING ROWS<br />
Extra Rows<br />
The Ideal Grid<br />
The Ideal Grid<br />
Extra Columns
08<br />
MONEYWEB | BRAND MANUAL<br />
1.11. Primary<br />
Typography<br />
<strong>Moneyweb</strong>’s primary typeface is Muller. It should be used every time it<br />
is available.<br />
MWB<br />
Ultra Light<br />
ABCDEFGHIJKLMNOPQRSTUVW<br />
abcdefghijklmnopqrstuvw<br />
MWB<br />
Light<br />
ABCDEFGHIJKLMNOPQRSTUVW<br />
abcdefghijklmnopqrstuvw<br />
MWB<br />
Regular<br />
ABCDEFGHIJKLMNOPQRSTUVW<br />
abcdefghijklmnopqrstuvw<br />
MWB<br />
MWB<br />
Medium<br />
ABCDEFGHIJKLMNOPQRSTUVW<br />
abcdefghijklmnopqrstuvw<br />
Bold<br />
ABCDEFGHIJKLMNOPQRSTUVW<br />
abcdefghijklmnopqrstuvw<br />
ABCDEFGHIJKLMNOPQRSTUVW<br />
abcdefghijklmnopqrstuvw<br />
1234567890!@#$%^&*()<br />
MWB<br />
Extra Bold<br />
ABCDEFGHIJKLMNOPQRSTUVW<br />
abcdefghijklmnopqrstuvw
09<br />
MONEYWEB | BRAND MANUAL<br />
1.12. Secondary<br />
Typography<br />
<strong>Moneyweb</strong>’s secondary typeface is Leitura News Roman. It is used when<br />
there is communication that is copy heavy. In the following chapter this<br />
is explained more clearly.<br />
MWB<br />
Leitura News Roman<br />
ABCDEFGHIJKLMNOPQRSTUVW<br />
abcdefghijklmnopqrstuvw<br />
Body text<br />
Sem imperdiet porta libero vulputate fames odio nostra vehicula, aenean taciti<br />
vel arcu varius vivamus habitasse, donec taciti at cursus ante ornare velit ultrices<br />
auctor cubilia felis dolor sagittis tempor class, varius lectus donec a nullam est,<br />
nisl mattis tristique arcu faucibus amet fames nunc porta quisque etiam tellusvel<br />
nibh tristique risus inceptos, fringilla eleifend mollis himenaeos etiam luctus nun<br />
cporta accumsan ipsum suscipit, a bibendum integer gravida etiam netus anteco<br />
nvallis suspendisse viverra dictumst turpis aliquam cursus duis vehicula eli lorem<br />
molestie conubia etiam congue elementum.<br />
ABCDEFGHIJKLMNOPQRSTUVW<br />
abcdefghijklmnopqrstuvw<br />
1234567890!@#$%^&*()
10<br />
MONEYWEB | BRAND MANUAL<br />
1.13. Typography<br />
Hierachy<br />
Creating hierarchy within typography is key for emphasizing the most<br />
important messages. There should never be more than 3 weights and/or<br />
4 sizes of type used in a single design.<br />
1<br />
Muller Extra Bold<br />
0123.<br />
2<br />
3<br />
Muller Extra Bold<br />
Muller Ultra Light<br />
Chapter titles<br />
Subheads/introductory text<br />
4<br />
5<br />
Muller Ultra Light & Extra Bold<br />
Muller Ultra Light<br />
01. Numbered Heading<br />
Presentation/Proposal copy and bullet points<br />
Sem imperdiet porta libero vulputate fames odio nostra.<br />
Vehicula, aenean taciti vel arcu varius vivamus habitasse.<br />
Donec taciti at cursus ante ornare velit ultrices.<br />
Auctor cubilia felis dolor sagittis tempor class, varius lectus.<br />
Donec a nullam est, nisl mattis tristique arcu faucibus amet
11<br />
MONEYWEB | BRAND MANUAL<br />
1.14.<br />
Typography<br />
Treatment<br />
The following example is more copy heavy. In instances like this, you use<br />
Leitura News Roman for the body copy. This would be mainly in publications<br />
like the magazine. Here are a few examples on how to use the typography<br />
in the communication for emphasis and to make it interesting.<br />
ASIDES TITLES<br />
Sem imperdiet porta libero vulputate fames<br />
odio nostra vehicula, aenean taciti vel arcu<br />
varius vivamus habitasse, donec taciti at cursus<br />
ante ornare velit ultrices auctor cubilia felis<br />
dolor sagittis tempor class, varius lectus donec<br />
a nullam est, nisl mattis tristique arcu faucibus<br />
amet fames nunc porta quisque etiam tellus<br />
vel nibh tristique risus incptos, fringilla eleifend<br />
mollis himenaeos etiam luctus nunc porta accu<br />
msan ipsum suscipit, a bibenum integer gravida<br />
etiam netus ante convallis suspendisse viverra<br />
dictumst turpis aliquam cursus duis vehicula<br />
elit lorem molestie conubia etiam congue tum.<br />
Numbered lists within text.<br />
Sem imperdiet porta libero vul<br />
putate fames odio nostra vehi:<br />
1. Fringilla eleifend mollis.<br />
2. Varius lectus<br />
3. Donec taciti at cursus ante<br />
ornare velit ultrices auctor<br />
cubilia felis<br />
4. Sagittis tempor class, vius<br />
lectus cursus<br />
5. Tellus vel nibh tristique<br />
“Quotations/blurbs<br />
Quis eget lobortis nulla ad malesuada<br />
ante accumsan curae, tint bibendum”<br />
01.<br />
Body text Sem imperdiet porta libero<br />
vulputate fames odio nostra vehicula,<br />
aenean taciti vel arcu varius vivamus<br />
habitasse, donec taciti at cursus ante<br />
ornare velit ultrices auctor cubilia felis<br />
dolor sagittis tempor class, varius lectus<br />
donec a nullam est, nisl mattis tristique<br />
arcu faucibus amet fames nunc porta<br />
quisque etiam tellus vel nibh tristique<br />
risus inceptos, fringilla eleifend mollis.<br />
02.<br />
Sequence captions 01 portsaa libero<br />
vulputate fames odio nostra vehicula,<br />
aenean taciti vel arcu varius vivamus<br />
habitasse, donec taciti at cursus ante<br />
ornare velit ultrices auctor cubilia felis<br />
dolor sagittis tempor class, varius lectus<br />
donec a nullam est, nisl mattis tristique<br />
arcu faucibus amet fames nunc porta<br />
quisque etiam tellus vel nibh tristique<br />
risus inceptos, fringilla eleifend mollis.
12<br />
MONEYWEB | BRAND MANUAL<br />
1.15.<br />
Stationary<br />
Controls<br />
Using the bars as holding device for images of progress, city landscapes<br />
and development. The colour bars come through to break up the graphic.<br />
The details are clean and simple.<br />
MULLER EXTRA BOLD 7pt<br />
MULLER ULTRA LIGHT 5pt<br />
Lexi Monzeglio<br />
Associate Publisher<br />
MULLER ULTRA LIGHT 5.5pt<br />
MULLER BOLD 5pt<br />
Oxford Office Park, No 5, 8th Street, Houghton Estate, 2198<br />
TELEPHONE +011 344 8600 EMAIL lexi@moneyweb.co.za<br />
THE COLOUR BARS ARE<br />
SPOT VARNISHED<br />
THE COLOUR BARS ARE<br />
SPOT VARNISHED
13<br />
MONEYWEB | BRAND | MANUAL<br />
02.<br />
House Controls<br />
Chapters<br />
2.1<br />
2.2<br />
2.3<br />
2.4<br />
2.5<br />
2.6<br />
2.7<br />
2.8<br />
Photographic style<br />
Graphic style<br />
Video Treatment<br />
Proposal document<br />
Graphs<br />
Infographic style<br />
Iconography<br />
Graphs, Infographic and<br />
Iconography Application
14<br />
MONEYWEB | BRAND MANUAL<br />
2.1.<br />
Photographic<br />
Style<br />
LANDSCAPE<br />
Beautifully shot images from interesting angles that draws the viewer in.<br />
The subject should be related to finance, progress or business.<br />
It can be either full colour or black and white.<br />
PEOPLE<br />
The people and corporate environment should tell a story of leadership,<br />
passion, commitment and new opportunities. They should look approachable<br />
and not staged.
15<br />
MONEYWEB | BRAND MANUAL<br />
2.2. Graphic<br />
Style<br />
The square or rectangle refers back to the graph bars in the logo, as well as<br />
the strong square grid system used in the identity. By doing this the logo<br />
and communication works together as a family, creating a strong and<br />
recognisable brand.<br />
NOTE Multiply the colour over the image with a 70% opacity
16<br />
MONEYWEB | BRAND MANUAL<br />
2.3. Video<br />
Treatment<br />
The <strong>Moneyweb</strong> logo always needs to be against a clean background or one<br />
of the key colours of the brand.
17<br />
MONEYWEB | BRAND MANUAL<br />
2.4. Proposal<br />
Document<br />
OPTION ONE<br />
LOGO<br />
CONTACT INFORMATION<br />
There is a lot of information that needs to be communicated on the proposal<br />
document. The Ideal Grid System works great here. It lends itself to group all<br />
the information in boxes and makes it easy for the viewer to read the text.<br />
The size in height<br />
of the boxes can<br />
be adjusted<br />
according to the<br />
information, but<br />
the length of the<br />
blocks should<br />
never be changed.<br />
It needs to make a<br />
clear divide in the<br />
middle, like in the<br />
example below.<br />
THE OFFER<br />
IMAGES OF THE OFFER<br />
SPONSORSHIP INCLUDES<br />
COST<br />
LEE ROELOFSE lee@netactive.co.za 011 973 2478<br />
FLIP WILKEN flip@icon.co.za 082 457 5995<br />
OPTION THREE<br />
COUNTRY DRIVE EXPERIENCE<br />
SPONSORSHIP INCLUDES<br />
Partner with <strong>Moneyweb</strong> on 3 x event activations in the Johannesburg country<br />
area. During the months of July, August and September. <strong>Moneyweb</strong> would<br />
invite some of the top level business people amongst our premium audience<br />
to take a drive with us.<br />
Target 20 invitees from the high-end exclusive<br />
<strong>Moneyweb</strong> audience.<br />
The day would include the driving experience<br />
(followed by a video drone as well as interviews<br />
with each person), followed by lunch and networking.<br />
DE HOEK COUNTRY HOTEL<br />
THE BLACK HORSE BREWERY<br />
<strong>Moneyweb</strong> organizes the event from beginning<br />
to end.<br />
The selected venues are: Angies Country Restaurant,<br />
De Hoek Country Hotel and The Black Horse Brewery.<br />
OPTION THREE COST<br />
R105 000<br />
PER EVENT<br />
OR<br />
R270 000<br />
FOR THREE<br />
*excl. VAT and agency commission
18<br />
MONEYWEB | BRAND MANUAL<br />
2.4. Proposal<br />
Document<br />
OPTION TWO<br />
LOGO, DATE AND EVENT NAME<br />
There is a lot of information that needs to be communicated on the proposal<br />
document. The Ideal Grid System works great here. It lends itself to group all<br />
the information in boxes and makes it easy for the viewer to read the text.<br />
The size in height<br />
of the boxes can<br />
be adjusted<br />
according to the<br />
information, but<br />
the length of the<br />
blocks should<br />
never be changed.<br />
It needs to make a<br />
clear divide in the<br />
middle, like in the<br />
example below.<br />
INFORMATION ABOUT<br />
THE EVENT<br />
PARTNERSHIP INCLUDES<br />
COST<br />
CONTACT INFORMATION<br />
POKER EVENING 2015<br />
17 June 2015<br />
Partner with us on <strong>Moneyweb</strong>’s High Society Poker Challenge<br />
HOW IT WORKS<br />
Exclusive car partner for the <strong>Moneyweb</strong> Hight Society<br />
Poker evening<br />
Park selected cars at the entrance of the event at<br />
The Venue in Green Park.<br />
Opportunity to host a table of ten at the poker night -<br />
network with the best business minds in Johannesburg<br />
MORE ON THE EVENING<br />
<strong>Brand</strong> exposure to a high-end targeted audience -<br />
building personal relationships with your consumers.<br />
Have some fun playing poker, stand a chance to win some<br />
awesome prizes as well as random draws.<br />
The premium ticket price ensures a high-quality audience.<br />
Includes parking, food and drinks, a three-month<br />
corporate cab subscription to iTrip and the opportunity<br />
to go into the draw for spot prizes for each player.<br />
PARTNERSHIP INCLUDES<br />
Targeted email promotion to the extensive <strong>Moneyweb</strong><br />
databases. (www.moneyweb.co.za) - 24 000 recipients.<br />
Campaign on <strong>Moneyweb</strong> Today digital newspaper which<br />
has a reach of 200 000 people. (today.moneyweb.co.za)<br />
Mention on <strong>Moneyweb</strong> Social Media platforms<br />
(Facebook, LinkedIn, Twitter).<br />
10 mentions during promos on RSG and SAfm radio<br />
stations (5 per show).<br />
TOTAL SPONSORSHIP COST<br />
R 50 000<br />
excl. VAT and agency commission<br />
MERVYN mervyn@moneyweb.co.za | CHANTELLE chantelle@moneyweb.co.za | TRACY tracyp@moneyweb.co.za | MARC marc@moneyweb.co.za
19<br />
MONEYWEB | BRAND MANUAL<br />
2.5. Graphs<br />
Solid and simple, like the rest of the elements of the brand. Use the key<br />
colours, along with the secondary colours to make an interesting design.<br />
NOTE Use the font Chartwell to create the charts.<br />
Choose the Chartwell graph you want to create, and type the numbers in<br />
the typeface.<br />
Example<br />
10+30+15+5+20+7+13<br />
Now highlight the text and go to your OpenType options and make sure<br />
the Discretionary Ligatures are on. Your text will look like this now.<br />
57<br />
Outline the text and resize and recolour it.<br />
CHARTWELL LINES<br />
CHARTWELL BARS<br />
CHARTWELL BARS VERTICAL<br />
CHARTWELL RADAR<br />
CHARTWELL ROSE<br />
CHARTWELL RINGS<br />
CHARTWELL PIES
20<br />
2.6. Infographic<br />
Style<br />
The infographic style is very clean and simple. Once again, the Ideal Grid<br />
System helps to organise the information in a clean and “easy to read” format.<br />
Photographs can be used in clever ways to help portray the information.<br />
MONEYWEB | BRAND MANUAL<br />
<strong>Moneyweb</strong> Demographics<br />
SOURCE | EFFECTIVE MEASURE<br />
GENDER<br />
AGE<br />
48.24%<br />
64.99% 35.01%<br />
20.54%<br />
31.05%<br />
BELOW 30 30 - 45 ABOVE 45<br />
MONTHLY INCOME<br />
BEFORE TAX<br />
EDUCATION<br />
24.35%<br />
50<br />
5.59%<br />
40<br />
6.39%<br />
30<br />
15.37%<br />
8.98%<br />
20<br />
9.58%<br />
8.78%<br />
10<br />
0<br />
PRIMARY<br />
SECONDARY<br />
TECHNICAL<br />
COLLEGE<br />
UNIVERSITY<br />
R16 000 - R19 999 R20 000 - R24 999 R25 000 - R29 999<br />
R30 000 - R39 999 R40 000 - R49 999 R50 000 - R69 999<br />
R70 000+
21<br />
MONEYWEB | BRAND MANUAL<br />
2.7.<br />
Iconography<br />
Style<br />
The icons needs to be clean and simple and always made up with two colours.<br />
All the strokes of the icons are also always the same weight. Make sure the<br />
icons are visible against the background and doesn’t disappear.
22<br />
MONEYWEB | BRAND MANUAL<br />
2.7.<br />
Iconography<br />
Application<br />
The icons needs to be clean and simple and always made up with two colours.<br />
All the strokes of the icons are also always the same weight. Make sure the<br />
icons are visible against the background and doesn’t disappear.<br />
01.<br />
Body text Sem imperdiet porta libero<br />
vulputate fames odio nostra vehicula,<br />
aenean taciti vel arcu varius vivamus<br />
habitasse, donec taciti at cursus ante<br />
ornare velit ultrices auctor cubilia felis<br />
dolor sagittis tempor class, varius lectus<br />
donec a nullam est, nisl mattis tristique<br />
arcu faucibus amet fames nunc porta<br />
quisque etiam tellus vel nibh tristique<br />
risus inceptos, fringilla eleifend mollis.<br />
02.<br />
Sequence captions 01 portsaa libero<br />
vulputate fames odio nostra vehicula,<br />
aenean taciti vel arcu varius vivamus<br />
habitasse, donec taciti at cursus ante<br />
ornare velit ultrices auctor cubilia felis<br />
dolor sagittis tempor class, varius lectus<br />
donec a nullam est, nisl mattis tristique<br />
arcu faucibus amet fames nunc porta<br />
quisque etiam tellus vel nibh tristique<br />
risus inceptos, fringilla eleifend mollis.<br />
85% 12%<br />
Body text Sem imperdiet porta libero<br />
vulputate fames odio nostra vehicula,<br />
aenean taciti vel arcu varius vivamus<br />
habitasse, donec taciti at cursus ante<br />
ornare velit ultrices auctor cubilia felis<br />
dolor sagittis tempor class, varius lectus<br />
donec a nullam est, nisl mattis tristique<br />
arcu faucibus amet fames nunc porta<br />
quisque etiam tellus vel nibh tristique<br />
risus inceptos, fringilla eleifend mollis.<br />
Sequence captions 01 portsaa libero<br />
vulputate fames odio nostra vehicula,<br />
aenean taciti vel arcu varius vivamus<br />
habitasse, donec taciti at cursus ante<br />
ornare velit ultrices auctor cubilia felis<br />
dolor sagittis tempor class, varius lectus<br />
donec a nullam est, nisl mattis tristique<br />
arcu faucibus amet fames nunc porta<br />
quisque etiam tellus vel nibh tristique<br />
risus inceptos, fringilla eleifend mollis.
23<br />
MONEYWEB | BRAND MANUAL<br />
2.8. Graphs, Infographics<br />
and Icon Application<br />
<strong>Moneyweb</strong> Demographics<br />
SOURCE | EFFECTIVE MEASURE<br />
This is an example of how the graphs, infographics and iconography style<br />
can live together in communication.<br />
PROIN VOLU PAT ORCI<br />
78.14% 88.01%<br />
71.3%<br />
54.99%<br />
39.56%<br />
64.99%<br />
52.89%<br />
46.34%<br />
34,9002334<br />
AENEAN<br />
Aenean a urna dolor. Quisque sed<br />
tortor egestas, egestas nibh non,<br />
lobortis augue. Pellentesque posuere<br />
nisi sed ipsum faucibus molestie sit<br />
amet sed mauris. In varius nisi ultricies<br />
erat consectetur ultricies.Sed<br />
vestibulum lectus a sollicitudin luctus.<br />
Vivamus interdum mattis vehicula.<br />
Mauris sed ante lacus. Nulla at ex<br />
risus. Sed rutrum consectetur viverra.<br />
VIVAMUS<br />
Aenean a urna dolor. Quisque sed<br />
tortor egestas, egestas nibh non,<br />
lobortis augue. Pellentesque posuere<br />
nisi sed ipsum faucibus molestie sit<br />
amet sed mauris. In varius nisi ultricies<br />
erat consectetur ultricies.Sed<br />
vestibulum lectus a sollicitudin luctus.<br />
Vivamus interdum mattis vehicula.<br />
Mauris sed ante lacus. Nulla at ex<br />
risus. Sed rutrum consectetur viverra.<br />
NULLAM<br />
Aenean a urna dolor. Quisque sed<br />
tortor egestas, egestas nibh non,<br />
lobortis augue. Pellentesque posuere<br />
nisi sed ipsum faucibus molestie sit<br />
amet sed mauris. In varius nisi ultricies<br />
erat consectetur ultricies.Sed<br />
vestibulum lectus a sollicitudin luctus.<br />
Vivamus interdum mattis vehicula.<br />
Mauris sed ante lacus. Nulla at ex<br />
risus. Sed rutrum consectetur viverra.<br />
QUISQUE<br />
Aenean a urna dolor. Quisque sed<br />
tortor egestas, egestas nibh non,<br />
lobortis augue. Pellentesque posuere<br />
nisi sed ipsum faucibus molestie sit<br />
amet sed mauris. In varius nisi ultricies<br />
erat consectetur ultricies.Sed<br />
vestibulum lectus a sollicitudin luctus.<br />
Vivamus interdum mattis vehicula.<br />
Mauris sed ante lacus. Nulla at ex<br />
risus. Sed rutrum consectetur viverra.<br />
64.99%<br />
35.01%<br />
Chapter title<br />
Subheads/introductory text<br />
Nulla feugiat molestie erat et condimentum. Sed id erat cursus libero vehicula mattis vitae in nisi. Cras<br />
lobortis ultrices vehicula. Proin volutpat orci sit amet pretium pretium. Donec ac mattis nisl. Fusce<br />
sodales, lorem at elementum pretium, neque lectus commodo nibh, congue aliquam mi risus eu<br />
justo. In laoreet, purus sed fringilla facilisis, nunc odio consectetur massa, nec luctus est metus<br />
rhoncus risus. Vivamus lacus elit, imperdiet a justo non, luctus suscipit ex. Curabitur ac feugiat nibh, in<br />
porttitor justo. Vestibulum commodo orci in lorem commodo hendrerit nec id nulla.<br />
Integer mauris tellus, rutrum ut malesuada ac, consequat in felis. Fusce suscipit tellusid odio suscipit<br />
consequat nec at tortor. Morbi vel nisi in dui laoreet ornare. Quisque at dolor pellentesque, euismod<br />
magna sit amet, finibus enim. Nullam dignissim accumsan tortor, ut dapibus augue. Nullam sed velit<br />
ac enim congue tincidunt. Ut quis pulvinar turpis. Vestibulum dapibus ante dignissim leo finibus, id<br />
sagittis est blandit. Phasellus scelerisque, justo ut condimentum tristique, felis arcu blandit neque, ut<br />
pharetra diam massa quis enim. Fusce aliquet non justo sit amet lobortis.<br />
Nam vel massa et justo lobortis rhoncus at et purus. Quisque et velit pharetra, consectet sem id,<br />
maximus velit. Vivamus nec purus posuere, facilisis augue et, vestibulum ipsum. Vivamus ultrices<br />
magna nec purus placerat, id luctus leo ornare. Aenean risus dolor, ultricies et ligula a, elementum<br />
fringilla ante. Nullam faucibus accumsan sapien ut finibus. Vivamus eget odio dignissim, feugiat nibh<br />
vel, laoreet ante. Sed eu nisi vel nibh mollis pharetra. Proin in odio et elit consequat ultricies. Praesent<br />
urna tellus, gravida id sem eget, volutpat vehicula risus. Curabitur sollicitudin cursus purus, vel<br />
porttitor odio imperdiet quis. Scelerisque, justo ut condimentum tristique, felis arcu blandit neque, ut<br />
pharetra diam massa quis enim. Fusce aliquet non justo sit amet lobortis. Aenean risus dolor, ultricies<br />
et ligula a, elementum fringilla ante. Nullam faucibus accumsan sapien ut finibus.