Färger
Safeguards färgpalett består av primär, bas -och accentfärger.
Använd primär -eller basfärgerna som grund i all typ av layout (med undantag då foton används).
Använd sekundärfärgerna för att lyfta viktig information eller i call to actions. Överanvänd inte dessa färger för då tappar de sin effekt.
Bas -och primärfärgerna används även i Safeguard grafiska element. Se sida 9-14. Exempel och best practise på hur färgerna bör användas finns på sida 18-29.
Primärfärg – Röd
Primärfärg – Nyanser
#E6142D
C: 0
M: 95
Y: 80
K: 0
PANTONE 185 C
#c8142d
C: 14 M: 100 Y: 80 K: 4
#DC142D
C: 5 M: 98 Y: 81 K: 0
#f52337
C: 0 M: 88 Y: 70 K: 0
#ff3246
C: 0 M: 82 Y: 60 K: 0
Basfärger
Accentfärger
#F5F5F5
C: 4
M: 4
Y: 4
K: 0
#00000
C: 10 M: 10 Y: 10 K: 100
#323232
C: 10 M: 10 Y: 10 K: 90
#DCDCDC
C: 15 M: 12 Y: 12 K: 0
#F0F0F0
C: 8 M: 5 Y: 7 K: 0
#2FBF71
C: 70 M: 0 Y: 70 K: 0
#1EAA5A
C: 77 M: 0 Y: 81 K: 0
#2869DC
C: 83 M: 59 Y: 0 K: 0
#1455C8
C: 89 M: 66 Y: 0 K: 0
Typografi
Techna Sans – Regular
Användning Rubriker, underrubriker och ingresser
Radavstånd 110 %
Spärrning 0 %
Färg Svart eller vit
Open Sans – Regular & Bold
Användning Brödtexter och mindre texter
Radavstånd 120 % (Auto)
Spärrning 0 %
Färg Svart eller vit
Exempel och best practise på hur typografin bör
tillämpas finns på sida 18-29.
Använd Techna Sans på rubriker.
Använd Techna Sans på underrubriker och ingresser. Dessa bör dock vara ca 50 % mindre än rubriken.
Använd Open Sans Regular på brödtexter och mindre texter. Dessa bör vara ca 40 % mindre än underrubriker och ingresser. Om något i texten ska lyftas eller göras mer synlig kan man använda Open Sans Bold.
Det är möjligt att använda en sekundärfärg för att synliggöra viktig text. Exempel nedan:
Klicka här för en kostnadsfri offert.
Gröna texten ovan är en “call to action” – en uppmaning till att interagera.