De korte versie
- Logovarianten zijn verschillende opstellingen en kleurvarianten van hetzelfde logo, gemaakt zodat het in elke ruimte past waar het verschijnt.
- Een typische set bevat een primair logo, een horizontale versie, een gestapelde versie, een icoon of submerk en eenkleurige versies in zwart en wit.
- Elke variant moet dezelfde lettervormen, hetzelfde symbool en dezelfde kleuren delen, zodat ze als één logo lezen in plaats van als meerdere.
- Het icoon of submerk is de versie voor profielfoto's, favicons en andere kleine vierkante ruimtes.
- Schrijf op welke variant waar hoort, zodat niemand hoeft te gokken of het primaire logo hoeft uit te rekken om te passen.
Op deze pagina
Logovarianten zijn de verschillende versies van één logo, opgesteld en gekleurd voor verschillende ruimtes. De meeste merken hebben er vijf nodig: een primair logo, een horizontale opstelling voor brede ruimtes, een gestapelde versie voor vierkante, een icoon of submerk voor piepkleine ruimtes en eenkleurige versies in zwart en wit. Uit dezelfde onderdelen opgebouwd laten ze het logo goed ogen in een banner, een profielfoto en een stempel in één inkt, zonder ooit uitgerekt of samengedrukt te worden.
Waarom één logo niet genoeg is
Een logo dat voor een winkelbord is ontworpen, is meestal te breed voor een profielfoto en te gedetailleerd voor een favicon. Is er maar één bestand, dan gaan mensen improviseren: ze verkleinen het tot het onleesbaar is, drukken het samen om te passen of zetten het op een achtergrond waarop het verdwijnt. Varianten lossen dat vooraf op. Je beslist één keer hoe het logo zich aanpast en iedereen volgt hetzelfde antwoord.
De vijf logovarianten die de meeste merken nodig hebben
Gebruik het voor
Wat het is
Gebruik het voor
Wat het is
Gebruik het voor
Wat het is
Gebruik het voor
Wat het is
Gebruik het voor
Sommige merken voegen een versie alleen woordmerk toe, de naam zonder symbool, voor plekken waar het symbool te klein zou zijn om te lezen. En een badge- of embleemversie kan handig zijn voor stickers en verpakkingszegels. Geen van beide is op dag één nodig.
Elke variant bij zijn ruimte laten passen
De vorm van de ruimte bepaalt de variant. Brede ruimtes nemen de horizontale opstelling, vierkante ruimtes de gestapelde versie of het icoon, en alles kleiner dan een thumbnail krijgt alleen het icoon.
E-mailheader 1200×600: horizontaal
1200 × 600
Instagram-vierkant 1080×1080: gestapeld
1080 × 1080
Story 1080×1920: gestapeld of icoon
1080 × 1920
LinkedIn-banner 1584×396: horizontaal
1584 × 396
In een brede e-mailheader loopt de naam op één regel en leest de ruimte natuurlijk.
In een vierkant vult de gestapelde opstelling het beeld en blijft groot genoeg om te lezen.
Kleurvarianten: kleur, omgekeerd en mono
Elke opstelling heeft ook kleurversies nodig. Je hebt niet elke combinatie nodig, maar wel deze vier, zodat het logo een antwoord heeft voor lichte achtergronden, donkere achtergronden en drukwerk in één inkt.
Op verlopen en foto's is de eenkleurige witte of zwarte versie vaak de juiste keuze, omdat een tweekleurig logo kan botsen met wat erachter zit. Logo op een verloopachtergrond laat zien hoe je kiest, en ideeën voor een logo-achtergrond heeft achtergronden die bij een eenvoudig logo passen.
Een set logovarianten bouwen
- 1
Begin bij het primaire logo als vector
Elke variant wordt uit dezelfde masteronderdelen herschikt. Teken het symbool nooit opnieuw en zet de naam niet opnieuw in een ander gewicht.
- 2
Maak de horizontale en gestapelde opstellingen
Zet het symbool naast of boven de naam. Leg de ruimte ertussen vast als maat, bijvoorbeeld de hoogte van de hoofdletters van de naam.
- 3
Vereenvoudig het icoon
Neem het symbool of de initialen alleen, haal fijn detail weg en maak dunne lijnen dikker. Het moet op heel kleine formaten leesbaar zijn, dus test het als favicon.
- 4
Maak de kleurversies
Kleur, omgekeerd, zwart en wit voor elke opstelling. Controleer de omgekeerde versie op je donkerste merkkleur.
- 5
Leg vrije ruimte en minimale formaten vast
Bepaal de lege marge rond elke versie en het kleinste formaat waarop hij gebruikt mag worden, in pixels voor schermen en millimeters voor drukwerk.
- 6
Exporteer en geef de bestanden duidelijke namen
SVG, PDF en transparante PNG voor elk, met namen zoals
fern-stacked-reversed.svg, zodat mensen de juiste kiezen zonder hem te openen.
Regels die varianten als één logo laten ogen
Vermijd
- Een versie uitrekken of samendrukken om in een ruimte te passen
- Het icoon voor elk platform anders opnieuw tekenen
- Nieuwe kleuren die in maar één variant voorkomen
- Slogans bij sommige versies wel en bij andere niet, willekeurig
- Het primaire logo gebruiken waar het icoon hoort
Doe
- Kies de variant waarvan de vorm bij de ruimte past
- Eén icoon, gebruikt overal waar een klein vierkant nodig is
- Hetzelfde palet door de hele set
- Behandel een opstelling met slogan als eigen, gedocumenteerde variant
- Respecteer vrije ruimte en minimale formaten
Leg de set vast op één pagina van je huisstijlgids: elke variant, zijn kleurversies, vrije ruimte, minimaal formaat en waar hij wordt gebruikt. Zet de bestanden dan waar mensen echt ontwerpen. In Gradiently bewaart de merkkit meerdere logo's naast elkaar, dus de gestapelde versie, het icoon en het omgekeerde bestand zijn in de Studio één klik weg, en de Designer kan de kit toepassen als hij een ontwerp opmaakt. Merkkit behandelt de rest van wat erbij hoort.
Vragen die mensen stellen
Wat zijn logovarianten?
Het zijn alternatieve versies van één logo, zoals horizontaal, gestapeld, icoon en eenkleurig, gemaakt zodat het logo in elke ruimte past zonder vervormd te worden.
Hoeveel logovarianten heb ik nodig?
De meeste merken hebben er ongeveer vijf nodig: primair, horizontaal, gestapeld, een icoon of submerk en zwart-witversies. Voeg er alleen meer toe als een echt gebruik erom vraagt.
Wat is een submerk-logo?
Een submerk is een vereenvoudigde, meestal compacte versie van het logo, vaak de initialen of het symbool alleen, gebruikt in kleine ruimtes zoals profielfoto's, favicons en stickers.
Wat is een responsief logo?
Een responsief logo is een set varianten die eenvoudiger worden naarmate de ruimte kleiner wordt, van de volledige opstelling op grote schermen tot alleen het icoon op de kleinste formaten.
Welke logovariant gebruik ik voor een profielfoto?
Gebruik het icoon of submerk, of de gestapelde versie als die kort is, op een vierkante achtergrond. Brede horizontale logo's worden onleesbaar in een klein cirkeltje.
Geschreven door Gradiently
Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.
Bekijk ons profiel