Milo Stijlgids 2016
Inhoudsopgave Inleiding 3 Artiest en essentie branding 4 Logo 5 Stijl 6 Kleurgebruik 7 Typografie 9 Grid en layout 11 Visuals 12 2
Inleiding In deze visuele stijlgids worden de gemaakte regels omtrent de beeldtaal van de artiest milo beschreven. Denk hierbij aan onder andere het kleurgebruik, het logo, de layouts en de typografie. 3
Artiest en essentie branding Milo is een Alternative Hip hop artiest die zijn muziek graag met zijn liefde voor poezie in connectie brengt. De lyrics van zijn raps kunnen worden gezien als hersenspinsels van momenten uit het leven dat hij van dag tot dag leeft. Milo leeft volgens de straight edge lifestyle en ziet zijn down-to-earth lifestyle graag terug in zijn werk. Verder brengt hij graag het hedendaags nog steeds voorkomende racisme-probleem in de Verenigde Staten aan het licht. Ook dit ziet hij graag in zijn werk terug. Hij vind het belangrijk dat het aan bod komt. 4
Logo Het logo representeert de artiest en moet op elk digitaal of fysiek product van de artiest minstens één keer voor komen. Het logo is de naam van de artiest, altijd geschreven in een handgeschreven font. Vorm: Het logo word in een handgeschreven font geschreven en uitsluitend met kapitaal letters. Gewone schrijfletters zijn niet toegestaan. Manier van plaatsing logo: Met het plaatsen van het logo mag creatief worden omgegaan. Het mag verwerkt worden in een beeld of tekst mits het logo duidelijk zichtbaar blijft. Dit kan bijvoorbeeld worden gedaan door het logo rood te kleuren als het in een zwart beeld of zwarte tekst wordt verwerkt. Het logo mag echter alleen worden gecombineerd met teksten of beelden die zwart of rood gekleurd zijn. Kleuren: Het logo wordt uitsluitend in de kleur zwart of rood gebruikt. Elke andere kleur is niet toegestaan. Logo is duidelijk zichtbaar door contrast van rood op zwart. Logo valt compleet weg in het beeld door een vergelijkbare kleur eromheen. 5
Stijl De website en overige digitale publicaties zijn opgemaakt met een flat design uiterlijk. De album covers en poster zijn opgemaakt met beelden bestaande uit platte tekst ondersteund door een rode schaduw in dezelfde vorm. Ondanks dat ook dit flat design is geeft de schaduw enigzins diepte aan de afbeelding. Beweeglijke vormen zijn belangrijk in de huisstijl van milo. Op deze poster zorgt de rode schaduw van tekst achter het beeld voor diepte in de afbeelding. De website loopt bij het naar beneden scrollen over in verschillende vlakken met ronde randen aan de boven- en onderkant. 6
Kleurgebruik In de huisstijl is gekozen voor vrij sobere kleuren en één felle kleur. Deze kleuren zijn overal op dezelfde manier toegepast. Omdat de kleur rood een overheersende kleur is, mag hier maar half zoveel van worden gebruikt als de andere kleuren. Dit zorgt voor balans in de afbeelding. Logo- of beeldkleur Logo- / beeld- of tekstkleur Achtergrondof accentkleur Achtergrondkleur RGB: 210 35 42 CMYK: 15 100 100 0 RGB: 0 0 0 CMYK: 0 0 0 100 RGB: 147 149 152 CMYK: 0 0 0 50 RGB: 255 255 255 CMYK: 0 0 0 0 7
Kleurgebruik Rood wordt in een beeld toegepast of gebruikt om een logo of een element te highlighten. Er wordt altijd minder rood gebruikt in vergelijking met de overige kleuren. Zwart wordt gebruikt voor teksten of in een beeld toegepast. Soms wordt het ook als logo-kleur gebruikt maar dit komt minder vaak voor. Grijs wordt als achtergrondkleur op grote vlakken gebruikt. Het wordt echter niet voor het gehele vlak gebruikt maar gebalanceerd met de kleur wit. Wit wordt als achtergrondkleur gebruikt zodat de overige kleuren goed tot hun recht komen. 8
Typografie Qua typografy worden er twee soorten fonts op de producten van milo toegepast. De font Segoe UI wordt toegepast op elke digitale publicatie. Van deze font family worden alle varianten gebruikt (Regular, Semi-Bold, Light, etc.). De andere font word gecreëerd met de hand. Deze handwriting font kan eventueel worden gedigitaliseerd door in te scannen, maar is alleen bedoeld voor fysieke producten als album covers, t-shirts en dergelijke. Segoe UI Light Segoe UI Light Italic Segoe UI Semilight Segoe UI Semilight Italic Segoe UI Regular Segoe UI Italic Segoe UI Semibold Segoe UI Semibold Italic Segoe UI Bold Segoe UI Bold Italic ACDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 =~!@#$%^&*()+[]\{} :; : <>?,./ Titel Subtitel Subtitel Dit is een voorbeeldtekst van hoe de bodytekst op bijvoorbeeld een website eruit ziet. 9
Typografie Links zijn altijd in rood weergeven Tekst voor fysieke producten is altijd in hoofdletters geschreven. Het logo is in een zwarte tekst altijd rood. Teksten zijn altijd in hoofdletters geschreven tenzij het een artikel / paragraaf is. 10
Grid en layout Regels omtrent grid en layout gelden in de beeldtaal van milo vooral voor de digitale producties. Een grid wordt met name in de website toegepast. Voor de fysieke producten zijn de regels wat minder streng. De enige regels die de layout van een fysiek product (hierbij de CD album cover als voorbeeld) heeft is dat de beelden altijd moeten worden gecentreerd of geplaatst tegen de onderrand van de afbeelding. De desktopversie van de website van milo is opgedeeld in een grid van 5 kolommen. De belangrijkste elementen zijn altijd binnen de middelste 3 kolommen weergeven. 11
Visuals Een aantal voorbeelden van hoe de beeldtaal in diverse offline en online producten is toegepast. Digitaal: Offline producten: Cd Album T-shirt Website in desktop, tablet- en mobiele weergave Poster 12