Huisstijl

Overzicht

Pet Rocket ziet eruit als een rustige nachtlucht met een paar heldere, warme dingen erin: een raket, een huisdier, de Maan en de sterren. Donker ruimteblauw geeft kinderen rust; goud en koraal trekken de aandacht naar wat telt, één ding tegelijk.

• Eerst rust. Eén som op het scherm. Veel ruimte. Geen drukte rond het spel.
• Warme accenten. Goud voor beloningen en keuzes, koraal voor de ene hoofdactie.
• Vriendelijke, ronde vormen. Ronde letters, ronde kaarten, ronde knoppen.
• Het huisdier is de held. Kinderen spelen voor hun huisdier, dus het huisdier is altijd zichtbaar en altijd lief.

Logo

Het logo heeft drie delen: het raketteken (een raket met een huisdier als astronaut in het venster), het woordmerk "Pet Rocket" in Baloo 2 ExtraBold, en een fonkelende × ÷.

Pet Rocket×÷Hoofdlogo op Space 900 · stippellijn = vrije ruimte

Raketteken alleen: app-koppen, stickers, avatars

Pet RocketOp licht papier (oefenbladen, diploma): woordmerk in Space 900, zonder × ÷

App-icoon

De raket op een ruimteblauw afgerond vierkant met een paar sterren. Voor het tabblad in de browser, het beginscherm en het YouTube-kanaal.

Regels

• Vrije ruimte: minstens de helft van de hoogte van het raketteken aan elke kant.
• Minimale grootte: raketteken 30 px hoog op scherm, 12 mm in druk. Kleiner? Gebruik dan het app-icoon.
• × ÷ blijven in elke taal, ook waar de school · of : schrijft (Duitsland, Nederland, Vlaanderen, Spanje).
• In de kop van de site fonkelen de × en ÷ zachtjes (lus van 9 seconden, uit bij "minder beweging").

Kleur

Hoofdpalet

Secundair palet

Feedback en functie

Verhouding van de kleuren

Ongeveer 60% ruimteblauw, 15% kaartblauw, 12% ink, 8% goud, 4% koraal. Koraal is bewust zeldzaam: het toont het ene ding om nu te doen.

Toegankelijkheid

Elk tekstpaar hieronder haalt WCAG AA. Wit op CTA-rood alleen voor grote vette tekst (18,7 px vet of meer).

Letters

Andere schriften

• Hindi: Baloo 2 Devanagari, dezelfde gewichten.
• Chinees: het ronde schreefloze lettertype van het toestel; we leveren geen Chinees lettertype mee.
• Vlaggen: Twemoji-landvlaggen, zodat vlaggen er op elk toestel hetzelfde uitzien.
• Beide families zijn open source (SIL Open Font License) en komen van playpetrocket.com zelf, nooit van Google Fonts.

De huisdieren

Twintig huisdieren om uit te kiezen, plus huisdieren om vrij te spelen. Ze zijn het hart van het merk: een kind oefent voor het eigen huisdier.

Hond

Kat

Paard

Kip

Konijn

Schildpad

Papegaai

Varken

Koe

Vos

Pinguïn

Uil

Kikker

Eenhoorn

Olifant

Leeuw

Giraf

Aap

Dino

🐊Krokodil

Vrij te spelen

Draak

Octopus

Haai

Alien

Robot · Maanpas

Spookje · Halloween

• Stijl: 3D-emoji in de Microsoft Fluent-stijl, op elk toestel hetzelfde. Ouders en kinderen verkozen ze boven getekende hoofdjes.
• Altijd lief: huisdieren moedigen aan, ze schelden nooit. Na een fout moedigt het huisdier aan; slaat een kind gefrustreerd op de toetsen, dan merkt het huisdier dat en biedt het een hulpje aan.
• Vrijspelen: vier extra huisdieren verdien je door te spelen (rondes, dagen na elkaar, dagen geoefend, een gekende tafel). Robot hoort bij de Maanpas; Spookje alleen in de Halloweenweken.
• De afbeeldingen van de huisdieren zijn © Microsoft (MIT-licentie). Teken ze niet opnieuw en geef ze geen nieuwe uitdrukkingen.

Grafische elementen

De raket en de Maan

Elk goed antwoord brengt de raket hoger; een fout laat hem één stap zakken. Tijdens een ronde raakt de raket de Maan nooit: er is altijd een tussenruimte. Pas als een kind alle tafels kent, landt de raket: het grote eindfeest.

Planeten

Hier vereenvoudigd. De planeettegels in de prijzenkast van het spel zijn het model voor elke plek waar planeten verschijnen.

Elke tafel die een kind kent, wordt een planeet in de prijzenkast. Een nieuwe planeet is een echt feest: "Hoera, je kent de tafel van 7! Een planeet erbij!"

Medailles, voertuigen en sterren

• Medailles: één per gekende tafel, voor geoefende dagen en voor momenten in het spel. Gratis, buiten de Maanpas.
• Voertuigen: een maanlander als alle tafels van 1 tot 10 gekend zijn, een vliegende schotel als alle tien op 95% staan.
• Sterren: de sterrenhemel achter elke pagina, een ster bij 5 of 10 goed na elkaar.

Hou het spelscherm eenvoudig. Planeten in het spel zelf werden getest en weggelaten: nieuwe beelden op het spelscherm beginnen altijd met een mockup.

Onderdelen

Knoppen

• Koraal is de ene hoofdactie op een scherm. Goud voor een beloningsmoment. Ghost (alleen een rand) voor al de rest.
• Groot, afgerond (16 px), Baloo 2 Bold. Op telefoons is de hoofdknop zo breed als het scherm.

Het Maanpas-label

• Het officiële Maanpas-logo: een donker pilletje met een gouden rand, 🌙 en de naam in vette gouden letters. Gebruik het overal waar de Maanpas verschijnt.
• Wat op slot zit, toont een 🔒 en een klein geel label "Ontgrendel".

Feedback-lipje

Geruststellende regel

Klein en lichtgrijs, net onder de hoofdknop. Hij stelt gerust zonder te roepen.

Seizoensmomenten

Van 25 oktober tot 2 november draagt elk huisdier een Halloweenkostuum, draagt de Maan een heksenhoed, zweeft er een pompoenplaneet achter de raket en regent het pompoenen bij de Maan. Spookje is in die weken te winnen. Daarna verdwijnt alles vanzelf.

• Seizoenslagen liggen boven op het gewone huisdier; het huisdier blijft herkenbaar.
• Nooit eng: alleen speelse kostuums.
• Plan nieuwe seizoenen op dezelfde manier: een korte periode, één beloning, geen schakelaar om het uit te zetten.

Compositie

• Eén ding tegelijk. Eén som, één hoofdknop, één boodschap per scherm.
• Eerst mobiel. De meeste kinderen spelen op een telefoon of tablet: grote tikvlakken (44 px of meer), een cijferblok dicht bij de duim.
• Rustige beweging. Korte, zachte animaties; alles respecteert "minder beweging".
• Pijn eerst op pagina's. Pagina's voor ouders openen met het probleem, daarna het spel.

Sjablonen en bestanden

Deelafbeelding

• 1200 × 630 px JPEG, onder 300 KB (WhatsApp slaat grotere bestanden over). Eén per taal.
• Eerst de pijn ("Loopt het vast bij de tafels?"), dan het spel. Logo linksboven, de Maan rechtsboven, drie huisdieren rechtsonder, een gouden label linksonder.
• Een nieuw ontwerp krijgt een nieuwe bestandsnaam, anders blijven apps de oude voorvertoning tonen.

Bestanden