• Logo • Kleur • Typografie • Scherm layout (grid) • Beelden en illustraties.

6
City Mayor Stijlgids Logo Kleur Typografie Scherm layout (grid) Beelden en illustraties

Transcript of • Logo • Kleur • Typografie • Scherm layout (grid) • Beelden en illustraties.

Page 1: • Logo • Kleur • Typografie • Scherm layout (grid) • Beelden en illustraties.

City Mayor Stijlgids

• Logo• Kleur• Typografie• Scherm layout (grid)• Beelden en illustraties

Page 2: • Logo • Kleur • Typografie • Scherm layout (grid) • Beelden en illustraties.

Logo mag in zwart/wit gebruikt worden.

Logo mag vergroot en verkleint worden.

Het font mag niet veranderd worden.

De rode signaalkleur mag in verschillende kleuren veranderd worden, zolang het contrast maar duidelijk blijft.

De lichte gradient in de hoed moet behouden blijven aangezien het ook een gebouw moet voorstellen.

Logo

Page 3: • Logo • Kleur • Typografie • Scherm layout (grid) • Beelden en illustraties.

Logo◦ Rood #D40000◦ Zwart #000000◦ Donkergrijs #1A1A1A◦ Wit #FFFFFF

Splashscreen◦ Zwart #D40000◦ Donkergrijs #1A1A1A◦ Wit #FFFFFF◦ Lichtblauw #3b6e99

Kleur

Page 4: • Logo • Kleur • Typografie • Scherm layout (grid) • Beelden en illustraties.

Logo titel 1◦ Lettertype

4th And Inches

Logo titel 2◦ Lettertype

Myriad Pro

Buttons◦ Lettertype

Tw Cen Mt

Typografie

Page 5: • Logo • Kleur • Typografie • Scherm layout (grid) • Beelden en illustraties.

Het scherm is geoptimaliseerd voor 1920px bij 1080px

Belang onderverdeling linker & rechterscherm.◦ Links van het scherm indicatie naar het spel.◦ Rechts van het scherm het logo en menu.◦ Rechter schermdeel drukker om kijker snel duidelijk te maken hoe het

spel te beginnen.

Basis◦ Altijd boven het menu.◦ Burgemeester leunt

Altijd tegen het menu.

Schermlayout

Page 6: • Logo • Kleur • Typografie • Scherm layout (grid) • Beelden en illustraties.

Beelden & illustraties Achtergrond maakt evenals de naam

direct duidelijk dat het spel met een stad te maken heeft.

Door de background van de splashscreen donker te houden vallen de belangrijke factoren goed op.

De zwarte character zorgt ervoor dat je weet dat jij diegene bent die de start gaat runnen.

Buttons veranderen van kleur wanneer je er overheen gaat of er op klikt.