Skrifter och faktablad
Publicerad: 2 juni 2025
Nedladdad: 22 juni 2025
SBU:s grafiska profil
Observera att det är möjligt att ladda ner hela eller delar av en publikation. Denna pdf/utskrift behöver därför inte vara komplett. Hela publikationen och den senaste versionen hittar ni på www.sbu.se/sv/publikationer/grafisk-profil/
SBU:s logotyp ska användas på allt material som publiceras av myndigheten. Den finns i olika varianter – med eller utan myndighetens fullständiga namn. I första hand ska logotypen med hela namnet användas.
Logotypen ska i möjligaste mån användas i färg, med färgmodell och filtyp anpassad efter mediet.
För att säkerställa att logotypen fungerar optimalt som avsändare finns riktlinjer för dess storlek, placering och färg.
Logotypen får inte förvrängas, vridas eller modifieras på något sätt. Det är inte heller tillåtet att skapa egna versioner.
Logotypen ska alltid placeras med god marginal till kanter (se avsnittet Frizon). På rollups placeras logotypen i överkant för bästa synlighet, och i filmer ska den alltid visas i slutet.
Huvudregel för logotypen med texten till höger:
Huvudregel för den centrerade logotypen:
Om logotypen är svår att urskilja från bakgrunden används en variant med en tunn vit kant runt romben. Den ska placeras på en lugn eller enfärgad yta som ger bra kontrast, alternativt en tvåfärgad yta (helst vit och blå) där skarven går precis i mitten av logotypen.
Den stående eller liggande grundversionen av logotypen ska alltid vara förstahandsvalet.
Figur 1 SBU:s logotyper i sina grundversioner på svenska.
För material på engelska eller i samband med internationell spridning ska logotypen med myndighetens engelska namn användas.
Figur 2 SBU:s logotyper i sina grundversioner på engelska.
Romben utan det fullständiga namnet får endast användas om namnet tydligt framgår på annan plats i materialet.
Figur 3 Romben, utan fullständiga namnet, där fullständiga namnet tydligt anges på annan plats i materialet.
De enfärgade versionerna av logotypen används när det inte är tekniskt möjligt att använda grundversionen, eller när den inte har tillräcklig kontrast mot bakgrunden. Välj alltid den version som syns tydligast mot bakgrunden.
Figur 4 SBU:s logotyp i positiv och negativ version med respektive utan fullständigt namn.
Frizonen motsvarande bredden av ett liggande samt stående versalt S i "romben" ska vara fri från text eller andra objekt.
Figur 5 Logotypen har en frizon i form av bredden av ett liggande versalt samt stående S.
SBU:s grundfärger är blått och gult, där blått är huvudfärg. Komplementfärgerna är valda för att harmonisera och komplettera dessa huvudfärger, och de ska användas i kombination med dem.
Färgerna kan ljusas upp om de exempelvis används som bakgrund.
SBU använder inte röd som komplementfärg. Om en signalfärg behövs, använd gärna orange.
| Grundfärg | Färgprov | CMYK | RGB | HEX | PMS | Färgton |
|---|---|---|---|---|---|---|
| Blå |  |
100, 60, 0, 0 | 0, 92, 169 | #005ca9 | 286 | |
| Gul |  |
0, 10, 100, 0 | 255, 221, 0 | #ffdd00 | 109 | 50 % 30 % 10 % |
| Komplementfärg | Färgprov | CMYK | RGB | HEX | Färgton |
|---|---|---|---|---|---|
| Ljusblå |  |
21, 7, 0, 0 | 209, 225, 245 | #D1E1F5 | 50 % 30 % 10 % |
| Mellanblå |  |
60, 20, 0, 0 | 105, 172, 223 | #69ACDF | 50 % 30 % 10 % |
| Orange |  |
0, 50, 100, 0 | 243, 146, 0 | #F39200 | 50 % 30 % 10 % |
| Lila |  |
50, 95, 0, 0 | 149, 42, 134 | #952A86 | 50 % 30 % 10 % |
| Grön |  |
70, 5, 90, 0 | 84, 170, 71 | #54AA47 | 50 % 30 % 10 % |
Kontraster är avgörande för att användare ska kunna ta del av innehållet på en webbsida eller app. Det är viktigt att ikoner, fokusmarkeringar, diagram och infografik är tydligt synliga mot bakgrunden och andra objekt i närheten.
En bra kontrast mellan text och bakgrund gör texten tydlig och läsbar, vilket är särskilt viktigt för personer med synnedsättningar. Det säkerställer också att informationen når alla användare på ett likvärdigt sätt.
I formgivet material använder vi oss av Foundry Sans och Adobe Garamond Pro:
I Office-dokument vi använder Aptos i olika vikter och som är standardtypsnitt i Microsoft Office:
I SBU:s material används vanligtvis en blå färgplatta i botten. Om en tyngre färgbild används ovanför kan den istället vara vit. Myndighetens namn skrivs ut i bottenfältet.
Triangeln motsvarar logotypen, skuren lodrätt på mitten. Den kan vara helt fylld med färg eller foto, eller delas i två (hälften färg, hälften foto). Den specifika designen, som visas i exempel, är reserverad för styrdokument och liknande material. En helt färg- eller fotofylld triangel kan dock användas i alla sammanhang.
Figur 3 Exempel på framsida för styrdokument (årsredovisning), SBU Utvärderar (gul) samt SBU Bereder (grå).
Som textplatta över en bakgrundsbild används en enfärgad kvadrat, vanligtvis i SBU:s två grundfärger. Denna design används oftast i mässammanhang, exempelvis på rollups eller mässväggar.
Figur 4 Bild som visar hur kvadraten med text i är placerad på SBU:s rollups.
Figur 5 Bild som visar hur kvadraten med text i är placerad i en av SBU:s mässmontrar.
Bilderna ska förmedla värme, mänsklighet och omtanke. De bör spegla verkligheten eller ett realistiskt önskat läge.
Använd bilder med klara, naturliga färger och mjukt eller naturligt ljus. Det är viktigt att bilderna har bra skärpa.
Bilderna ska kännas aktuella och vara tagna i en svensk miljö. Var särskilt uppmärksam på detaljer som växtlighet, språk och symboler på skyltar samt teknik och produkter i bilderna.
Kontakta SBU:s grafiska formgivare vid frågor om bildval och
Vanligtvis ska personer inte vara identifierbara när bilder används tillsammans med våra rapporters budskap. Välj därför bilder där:
Du kan även använda bilder av skuggor eller motiv där personen är fotograferad i motljus.
Illustrationer ska vara tydliga, enkla och följa SBU:s grafiska uttryck. Undvik onödiga skuggor och färgövergångar.
Formprinciper:
Samma tillgänglighetsprinciper gäller vid användning av illustrationer som vid produktion och publicering av andra innehållstyper. Använd inte färg som ensam informationsbärare, säkerställ tillräcklig kontrast, och undvik att använda bilder av text – utom vid godtagbara undantag.
För att göra information tillgänglig för alla – även för personer med nedsatt färgseende – bör färg alltid kombineras med andra visuella element som text, ikoner eller mönster.
Text bör i de flesta fall vara riktig, maskinläsbar text – inte inbäddad i bilder. Det förbättrar tillgängligheten, särskilt i digitala miljöer.
Undantag:
Alla grafiska element (t.ex. ikoner, diagram, fokusmarkeringar) ska ha tillräcklig kontrast mot både bakgrund och andra objekt. Även texten måste ha god kontrast mot bakgrunden för att säkerställa läsbarhet.
Allt icke-textbaserat innehåll ska kompletteras med alternativ text (alt-text) som beskriver bildens innehåll och syfte. Detta är nödvändigt för att skärmläsare ska kunna förmedla informationen till användaren.
Läs mer: DIGG:s webbriktlinjer
Filmer och andra rörliga medier omfattas av SBU:s grafiska profil. Nedan följer viktiga riktlinjer att ha i åtanke vid produktion.
Profilprodukter och mässmaterial omfattas av SBU:s grafiska profil. Vid produktion av profilprodukter ska man tänka på att utgå från SBU:s grundfärger så långt som möjligt och anpassa formgivningen till den tryckta produktens material och satsyta.
Originalen ska alltid godkännas av SBU:s grafiska formgivare.
Det ska tydligt framgå att SBU är huvudavsändare, därför får partnerlogotyper inte konkurrera med SBU:s logotyp. De bör optiskt upplevas som ungefär hälften så stora som SBU:s logotyp, med exakt storlek anpassad efter respektive logotyp. Partnerlogotyper placeras i något av de motsatta hörnen, beroende på enhet. Om flera logotyper används bör de grupperas på samma ställe för en enhetlig hantering.
När SBU och dess samarbetspartners har lika stor roll i kommunikationen ska logotyperna vara jämnstora. Eftersom logotyper kan variera i utseende strävar vi efter optisk balans snarare än fasta mått. Logotyper kan placeras separat eller tillsammans, så länge frizonen respekteras. Placeringen beror på det visuella uttrycket för samarbetet. SBU:s svarta eller vita logotyp kan användas om övriga partners gör på samma sätt.
Vid denna typ av samarbete används en neutral grafisk profil, utan visuella inslag kopplade till någon specifik part. Neutral profil betyder dock inte att designen måste vara avskalad – uttrycket kan vara färgstarkt och lekfullt eller mer formellt, beroende på samarbetets visuella riktning. En kort förklarande text kan läggas till om det passar sammanhanget.
Om SBU är en av flera avsändare men inte den primära, ska logotypen anpassas därefter. SBU:s logotyp ska vara tydligt mindre än huvudavsändarens logotyp för att spegla dess roll i samarbetet.
Stäm alltid av med SBU:s grafiska formgivare vid frågor om placering av SBU:s logotyp.