visual identity guidelines...06 red alert! do not sit the logo on strong or overpowering colours. 03...
TRANSCRIPT
www.spellodrome.com
Visual Identity Guidelines
September 2015
02
04
06
08
10
12
14
16
24
Our Logo
Do’s & don’ts
Our typeface
Our colours
Strapline
illustration + Icons
Screenshots
Backgrounds
Graphic Elements
Content
Hello.This is the guide to the basic visual elements that make up the Spellodrome brand. Have a read, it will help you know us better
02 Logo on Illustration backgrounds
Wherever possible, our logo likes to sit in a real world context, through the use of placement in illustration backgrounds. These backgrounds help the logo feel part of its environment rather than an outsider at the party.
A series of approved illustration background are available – featured later in this guide. In situations of darker or contrasting colours, the version with white glow should be used.
01 Logo on white or mostly white background
Our logo is a bright and strong visual and wherever possible should be allowed to shine in it’s own right. When the use of photographic backgrounds is not applicable, it is not to be placed on strong dominant block colours. Our logo is green and its favourite colour is white. Respect its wishes.
2
Our logo is a very valuable asset. We must treat it nicely. Never abuse our logo, it
doesn’t have arms and it can’t fight back (our CMO and our lawyers however, are
another story).
Logo
01
02
3
06 Red alert!
Do not sit the logo on strong or overpowering colours.
03 Not cool
Don’t place the logo on top of any characters.
01 Space around the logo
Always leave some room for the logo to breathe. Don’t crowd it.
07 No Slants
Our logo likes to sit flat. It does not slant and it does not rotate.
04 Our logo is not radioactive
No shines, no gloss, no glow. Avoid backgrounds in a similar shade of blue.
02 Placing in context
Where possible place the logo within arelevant illustration background context.
08 No crash diets
Be sure to resize the logo in proportion (hold down SHIFT when dragging to resize).
05 No shadow puppets
Our logo is flat and strictly 2D. Like a cloudy day, it has no shadows.
You wouldn’t wear one blue and one purple sock. Take a moment to think about how you apply the Spellodrome logo.We are not a rules and regulations kind of company, nonetheless here are some examples of what we think is OK, and what should be punishable by a red-hot poker to the buttocks.
4
Do’s & don’ts
01 02 03
04
08
06
07
5
05
Our typeface. The Genius type family is our default Spellodrome font. It represents a well structured, yet playfully youthful brand. Just like Spellodrome. Use one of the three approved Genius fonts wherever possible.
02 Genius - Regular
This is a slightly meatier version of Genius, with a slightly thicker character size. This is the perfect font to be used for both headlines and body text in coloured area.Do use ‘bold’ for this font in non coloured area.
03 Genius - Medium
This is the thickest of all three Genius versions. It is not to be used in headlines or at large font sizes, as at these sizes will cross the line between “simple” into “childish”. At smaller font sizes it is great for sections of body text that need emphasis. Do use ‘bold’ for this font in a coloured area.
01 Genius - Light
This is the simplest – and finest – of all members of the Genius family. It should be used in instances where larger font sizes are applicable – such as our short branding headlines (for example the wording “our typeface” on this page), and should be the main font used in day-to-day production.
Headlines Body Text Logo strapline
Genius Light
Genius Regular
Genius Medium
6
01 Genius - Light
AaABCDEFGHIJKLMNOPQRSTU
VWXYZabcdefghijklmnopqrstuvwxyz
(.,:;?!£$&@*) 0123456789
02 Genius - Regular
AaABCDEFGHIJKLMNOPQRSTU
VWXYZabcdefghijklmnopqrstuvwxyz
(.,:;?!£$&@*) 0123456789
AaABCDEFGHIJKLMNOPQRSTU
VWXYZabcdefghijklmnopqrstuvwxyz
(.,:;?!£$&@*) 0123456789
03 Genius - Medium
AaABCDEFGHIJKLMNOPQRSTU
VWXYZabcdefghijklmnopqrstuvwxyz
(.,:;?!£$&@*) 0123456789
AaABCDEFGHIJKLMNOPQRSTU
VWXYZabcdefghijklmnopqrstuvwxyz
(.,:;?!£$&@*) 0123456789
7
02 Spellodrome text – bar white text
Whenever possible with solid colour backgrounds text should be white.
01 Spellodrome text - black (Main description text)
Black wherever possible, block body text should be black.
03 Spellodrome highlight text – green & red brown
Dark green colour for highlight text and red brown colour for tag lines or special sentence.
04 Spellodrome number box & secondary main colour
For number points use orange colour with white text.
05 Spellodrome quotation mark
For quotation mark use light orange colour with black text.
8
Our colours are what we are. They give us our personality. We are bold, colourful and confident. They and bright and they are clear, without becoming “Primary School
Wallchart.” Look after our colours.
Colours
CMYK RGBHEXPMS
4/29/100/0245/184/22#f5b8167409C
100%
CMYK RGBHEX
0/0/0/1000/0/0#000000
100%
CMYK RGBHEXPMS
89/33/100/2514/107/55#0e6a367483C
100%
CMYK RGBHEXPMS
23/80/97/13176/77/40#b04d281675C
100%
CMYK RGBHEXPMS
3/42/99/0243/161/29#f3a11d137C
100%
CMYK RGBHEXPMS
59/0/88/0114/193/85#72c155360C
100%
CMYK RGBHEXPMS
73/9/100/176/167/71#4ca747362C
100%
CMYK RGBHEXPMS
83/24/100/944/135/66#2b8741363C
100%
9
02
CMYK 59/0/89/0 CMYK 73/9/100/1
Aa Aa
01
CMYK 0/0/0/100
Aa
CMYK 4/29/100/0
03
CMYK 88/30/100/26
AaCMYK 23/80/97/13
AaCMYK 3/42/100/0
04
105
This is our main strapline in English.• Wherever relevant, the Spellodrome logo should
appear with the strapline.
• Lower case L’s are a visual feature of the strapline.
• Remember the full stop.
• Font size should always match that of the logo text
02 Below center
text commencing in the bottom-center portion of the logo, immediately after the fan.
01 No strapline
no strapline
03 Centre right
text commencing to the right of logo, aligned along the centre axis, level with the main logo text.
love learning.
10
01
03
02
love learning.
love learning.
11
illustrations + icons
12
Spellodrome Favicon
Spellodrome Student
Mobile App
S
13
screenshots no floating screenshots
01
14
01 Screenshots in a device
Wherever used, product screenshots should always be shown within the context of a device – either a standard laptop or tablet.**Excepted from this rule are contextual screenshots with user/training guides.
02 03
02 Devices should not be skewed
Devices should not be shown skewed from the horizontal (excluding perspective).
03 Screenshots should not be rotated
No floating, skewed, overlapped, bevelled or framed screenshots should be used.
15
Where a clean white background is not appropriate, a contextual Spellodrome background should be used.
There are two types of background available, be sure to use the correct image for the context.
Digital Backgrounds
backgrounds set the scence
16
Planet Backgrounds
17
18
Digital Backgrounds are one of the the main visual signatures of Spellodrome marketing collateral. They provide excellent context to any piece, specifically those showcasing our resources’ content.
Note – used in collateral targeting specifically teachers (for example training and support resources)
Digital Backgrounds
Travel the world with Live Spellodrome! Put a pin in the map for every country your students compete against.
Your word lists, brought to lifeYour teacher will have assigned you specific words to learn. In this area you can do LOOK, COVER, WRITE and CHECK with your words.
My resultsCheck all the words that you have answered correctly and incorrectly.
Student Weekly Progress Keep track of your Spellodrome daily and weekly points.1000 points per week = one weekly award certificate.
Seamless with MathleticsIf you are also subscribed to Mathletics, you can switch between programs here.
ReportingMy scorecard will help you see your achievements in all different areas of Spellodrome.
Awards Millennium Gallery consists of all the awards and certificates you’ve earned in Spellodrome.
Writing FunWriting Fun contains a variety of writing samples covering different text types. You can also create your own writing samples.
LIVE SpellodromeReal-time race challenges where students are matched and compete with students all around the world.
GamesSpellodrome includes an exciting range of activities and challenges for students to explore and learn their word lists, with a little competition along the way…
Student Console Map
Student Avatar Students update their avatar by spending credits (earned through improvement) to purchase special accessories.
19
Spellodrome Word Lists and the 2014 National Curriculum
in EnglandKey Stages 1, 2 and 3
Supported by independent evidence-based research and practice.
2014 National Curriculum ready
Powerful reporting features
Studentcentered
I’m delighted your school is joining Spellodrome. You and your students are joining over 17,000 other schools around the world that are part of the 3P Learning global community.
If you have any questions, do not hesitate to contact my team toll free on 1300 850 331 or at [email protected].
I look forward to welcoming you to the community!
Andrew Smith, CEO, 3P Learning Australia
Spellodrome Order Form
Did you know?Savings are available for
whole school subscriptions for 36 months.
Ask for more details.
Scan & return this order form to [email protected] or fax to 1300 762 165
Total $ amount
Order No. (optional)
Total licencesat $15/student
(incl GST)
F 1 2 3 4 5 6 7 8 9 10 11 12Student Numbers
(min. total 20 students)
Address
School Name CRM ID
Name Position
Email Phone
3P Learning Australia Pty LtdABN: 29 135 793 609
Purchase now for 2016 and receive the rest of the year free! Nothing to pay until February 2016 for access to 28 February 2017.
My Word List
My Word List
In My Word List, you can see the words that your teacher has assigned you for the week.
Click on a word to hear it and to take you to word training.
Click on one of the lists to see all of the words in the set.
Click on the speaker icon to hear the word again.
Click write to hear the word in a sentence and then try to spell it yourself.
Student Console Help
20
Spellodrome has a range of new-generation Planet Backgrounds that can also be used in collateral. These also serve as student themes within the resource.
Planet Backgrounds are bright and vibrant and may be used in collateral aimed specifically at Primary age students.
Planet Backgrounds
21
Descubra su recurso ortográfico completo…
Entre al excitante mundo del Spellodrome. Un atractivo conjunto de actividades, juegos y estímulos - todas reforzadas por las listas de palabras propias de Usted.
Diseñado por educadores, el Spellodrome estimula el aprendizaje independiente y el desarrollo de una crítica preocupación por la ortografía. Visual, Fonética, Morfológica
y Etimológicamente - está todo considerado.
www.3plearning.com
El Spellodrome y el Reading Eggs están potenciados por el galardonado equipo educativo 3P Learning.
Maestro de Spellodrome
¡Con la ayuda del Spellodrome hemos visto a muchos de nuestros estudiantes progresar dramáticamente en sus niveles de ortografía. En algunos casos, vimos
estudiantes que saltaron 3 o 4 años!
www.spellodrome.com
powered by
The Teacher Console
The Classes tool allows teachers to easily manage the classes and groups of students they are responsible for, as well as move students between classes. It is also possible to split a class into up to 6 groups, each assigned their own word lists for even greater differentiation.
For a more detailed look at the Classes tool, see page 4 of this guide.
Word Lists are programs of work and the core of your students’ journey through Spellodrome. Once created, a word list forms the basis of the content your students will encounter. A huge range of curriculum-aligned Word Lists are readily available within Spellodrome, or you can use the simple tools available to create your own.
For a more detailed look at the Word Lists tool, see page 5 of this guide.
Spellodrome contains literally thousands of words, with more being added all the time. However, if you come across a specific word that is not available to include in your Word Lists, just ask! The Request a Word area allows you to submit a word to the Spellodrome team. We are adding words all the time, with the library growing and growing. You ask, we listen.
Reports is the main dashboard for a host of automated student results data. From individual student summary reports (great for parent/teacher meetings) to weekly summaries of classroom performance, improvements and certificates, Reports is a one-stop-shop putting key data at your fingertips.
For a more detailed look at the Reports tool, see page 6 of this guide.
The Assessments tool is a great resource through which you can assign standard benchmarking tests to your students. Once students have completed the tests, Assessments will provide useful diagnostic and analytic information. Used at regular intervals, Assessments is a key resource for tracking student improvement.
For a more detailed look at the Assessments tool, see page 8 of this guide.
Spellodrome for Teachers
Welcome to the Spellodrome community! The Teacher Console is designed to help you enhance your students’ experience of Spellodrome and gather valuable insight into their progress. A host of valuable tools, reports and learning resources are available – allowing teachers to easily tailor Spellodrome to the varied needs of their classrooms, in turn leading to better differentiation, more focused learning and improved results.
www.spellodrome.com
powered by
This is the Spellodrome homepage. Simply click the Sign In button and enter your username & password.
This is the main Teacher Console – your launchpad to the many tools, reports and resources available to you.
If you are using Spellodrome with your class for the first time - click the link at the bottom of your teacher console to access and print your students’ Sign In cards.
Getting Started
Welcome to the Spellodrome community! The Teacher Console is designed to help you enhance your students’ experience of Spellodrome and gather valuable insight into their progress. A host of valuable tools, reports and learning resources are available – allowing teachers to easily tailor Spellodrome to the varied needs of their classrooms, in turn leading to better differentiation, more focused learning and improved results.
Spellodrome for Teachers
01
02
03
22
23
Graphic Elementsapproved graphic elements.
24
25