Search the design system

FORMELEMENT

Ett gemensamt uttryck för formelement för hela Svenska Spel. Formerna är primärt utformade för att fungera i det digitala kundmötet och sedan appliceras enligt samma princip för övriga kanaler. De finns i tre varianter: Ordlådor, Prislappar och Taggar.

→Enkelt uttryck för att passa hela vårt utbud
→Primärt röda
pulse
Brynäs
Player of the month
News
Stryktipset
Lotto
30 kr
Trisslott
Pulse
Brynäs
Player of the month
30 kr
Trisslott

Ordlådor

Ordlådorna används för att förstärka eller förtydliga ett budskap. De är satta i Svenska Spel Arena, vilket ger dem en kraftfull känsla.

Ordlådor kan även kombineras för fler uttryck. Två ordlådor i olika färger kan placeras tillsammans för att skapa kontrast och rytm. Eller så kan två ord kan sättas samman i en och samma ordlåda.

Ordlåda 1Ordlåda 2Ordlåda 3
Ordlåda 4
Ordlåda 5

Prislappar

Prislapparna förhåller sig till ordlådorna och finns i två varianter. En med en pilform i ena kanten, formen kan vändas för att peka åt olika håll. Och en som har pilform åt båda hållen. Formerna kan självklart vridas om det passar sammanhanget.

Give away
30 kr
Trisslott
Prislappar

Taggar

Taggar fungerar som stöd i navigeringen och kan även fungera som uppmaningar till interaktion. De har en tydlig koppling till den digitala kundresan och UI.

Taggar collage

Skapa formelement

Formelementen har ett sammanhållet grafiskt uttryck med rundade hörn, och kan förändras genom olika färgval och grader av rotation. Det exakta utseendet bestäms utifrån designsystem.

Ordlådor

Ordlådor exempel 1

Ordlådans färgyta motsvarar ett bindestreck (-) i textens storlek, med samma mått runt om på alla sidor.

Ordlådor exempel 2

Två Ordlådor placerade på höjd sammanfogas då med ett konkavt hörn.

Prislappar

Prislappar exempel 1

Prislappar liknar Ordlådorna men har något mindre färgyta upp- och nedtill för att balansera sidornas uddar.

Prislappar exempel 2

Ordlådor och Prislappar kan roteras om det passar i sammanhanget. De kan färgas in i identitetens tre röda nyanser, eller användas med röd text på vit botten.

Taggar

Taggar exempel

Taggarna kan göras ifyllda eller med outline, och skrivs versalgement.

Digitala taggar (Badge)

Digitala taggar exempel

Finns som "filled" och "tonal" i varianterna: brand, contrast, neutral, success, attention och important.

Brand portalSvenska Spel / Ikoner och Illustrationer
Brand portalSvenska Spel / Motion

© DesignTech - AB Svenska Spel

What's newTerms of useAccessibility statementCookiesTeams channel [Internal]
@svs/ui version
2.5.0

Feedback

We always want to improve the Design System and would be thrilled to get your feedback.

Please share your wisdom with us.

Microsoft Teams [internal]

Designsystem@svenskaspel.se