En standard-QR-kod är tre svarta fyrkanter i hörnen och en vägg av pixlar i mitten. Funktionellt — men på ett premium-produktpaket eller en cafémenyn ser det ut som att det kopierats in från 2003. År 2026 är din QR-kod en del av varumärkesytan, och det finns ingen anledning att den ska sticka ut av fel anledning.
Den här guiden går igenom de tre lager du kan styla — sökarögon, modulmönster och centrerad logotyp — och den enda hårda regeln som avgör om koden fortfarande scannas när du är klar.
De tre visuella lagren i en QR-kod
Öppna en QR-kod och du kommer alltid se samma tre saker:
- Sökarögon — de tre stora fyrkanterna i hörnen. Det är dessa som en telefonkamera låser in på först. Det finns ett fjärde hörn (nere till höger) men där sitter justeringsmönstret, inte ett sökarögat.
- Modulmönster — rutnätet av små fyrkanter däremellan. Varje ruta är en bit kodad data.
- Centrerad logotyp — valfritt. En logotyp placerad över de mittersta ~20 % av koden täcks av Reed–Solomon-felkorrigering, så skannrar kan fortfarande återskapa datan.
Varje seriös branded QR-kod stylas på dessa tre lager — inte genom att lägga en gradient över hela koden.
Sökarögon: 33 former, samma fotavtryck
Super QR Code Generator levereras med 33 sökarögonstilar från och med den här veckan — från klassiska Kvadrat, Rundad och Cirkel till dekorativa Hjärta, Stjärna, Katt, Kompass, Sköld, Löv och Ichthys (ΙΧΘΥΣ)-fisken. Var och en av dem behåller det 7-modulers yttre fotavtryck som skannrar förväntar sig, så du kan kombinera dem fritt med vilket modulmönster som helst.
Den klassiska tumregeln — "en skanner behöver ett perfekt kvadratiskt öga" — stämmer inte. Vad skannern faktiskt behöver är ett 1:1:3:1:1 mörkt-ljust-mörkt-ljust-mörkt-förhållande längs varje horisontell eller vertikal linje genom mitten av ögat. Vilken form som helst som håller ungefär 3 moduler av solid mörk färg i mitten fungerar.
Modulmönster: 16 stilar och fler på gång
För det inre rutnätet erbjuder vi 16 mönster: Kvadrat, Rundad, Prickar, Diamant, Classy, Stjärna, Plus, Hexagon, Kors, Hjärta, Triangel, Droppe, Blomma, Oktagon och två AI-genererade platser där du kan ladda upp din egen SVG-sökväg. Rundade och Prickar scannas något sämre än kvadrat på tryckta ytor i liten storlek — under ungefär 2 cm rekommenderar vi fortfarande kvadrat för allt som ska på en klisterlapp eller etikett.
Centrerad logotyp: gå större, men använd nivå H
Om du vill ha en igenkännlig logotyp i mitten, ställ in felkorrigering till Nivå H (ungefär 30 % redundans) innan du placerar logotypen, inte efter. Innehållet tar upp fler moduler, så koden blir visuellt tätare, men Nivå H tolererar en logotyp på upp till ungefär 22 % av arbetsytan.
För en logotyp som sitter sömlöst i designen erbjuder vi ett inbyggt bibliotek med varumärkeslogotyper (Wi-Fi, WhatsApp, YouTube, Instagram, Spotify, …) plus uppladdning av din egen SVG eller PNG.
Den enda regeln: 1:1:3:1:1
Den absolut vanligaste anledningen till att en snygg QR-kod inte scannas är att det dekorativa ögat har för mycket ljust utrymme i mitten. Skannrar skjuter horisontella och vertikala skanningslinjer genom varje möjlig sökare och förväntar sig att mönstret matchar inom ungefär ±15 % av förhållandet 1:1:3:1:1.
Översatt för designers: 3×3-modulen i mitten av varje sökarögat behöver vara mestadels mörk. Dekorationen hör hemma på kanterna av ögat, inte urskuren i mitten. Var och en av våra 33 former designades med den här regeln i åtanke — det finns en inbyggd skannbarhetskontroll i anpassningsverktyget som varnar dig direkt när en kombination faller under säkert kontrastförhållande eller täckning.
Praktiskt recept
Om du designar din första branded QR-kod:
- Börja med Rundade moduler och matchande Rundade ögon — den kombination med bredast kompatibilitet.
- Färglägg förgrunden i din primära varumärkesfärg och håll bakgrunden vit. Kontrastförhållandet måste hålla sig över 4,5:1.
- Ersätt mitten med din logotyp på 18–20 % av arbetsytan, med felkorrigering Nivå H.
- För extra stil, byt bara ögonen till Hjärta, Stjärna, Katt, Löv eller Sköld — modulrutnätet förblir klassiskt så att skanningspålitligheten inte försämras.
- Skriv ut ett test i den minsta storlek det kommer att visas och scanna med tre telefoner (iOS-kamera, Android-kamera, WeChat-kamera). Om någon av dem tvekar längre än en sekund, gå tillbaka till Rundade ögon.
Prova det
Alla funktioner som nämns här är tillgängliga nu — öppna anpassningsverktyget, välj dina ögon och modulmönster, lägg in din logotyp och exportera. Ingen vattenstämpel på gratisversionen, obegränsade scanningar från 0,99 $/månad om du behöver dynamiska omdirigeringar och analyser.