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
Mobilskärm med Pulsen-kampanj i Svenska Spels grafiska uttryck
Mobilskärm med Brynäs-tema i Svenska Spels grafiska uttryck
Mobilskärm med Månadens spelare i Svenska Spels grafiska uttryck
Nyhetskort i Svenska Spels grafiska uttryck
Stryktipset-kort med formelement
Lotto-kort med formelement
30 kr
Trisslott
Mobilskärm med Pulsen-kampanj i Svenska Spels grafiska uttryck
Mobilskärm med Brynäs-tema i Svenska Spels grafiska uttryck
Mobilskärm med Månadens spelare i Svenska Spels grafiska uttryck
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 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.

Kampanjbild för give away med formelement och prislappar
30 kr
Trisslott
Exempel på prislappar i Svenska Spels grafiska uttryck

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.

Collage med olika taggar som formelement

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

Konstruktion av ordlådor med raka kanter och bindestreck

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

Konstruktion av ordlådor med konkava hörn

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

Prislappar

Konstruktion av prislapp med balanserade proportioner

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

Konstruktion av prislapp med rotation

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

Konstruktion av fylld tagg som formelement

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

Digitala taggar (Badge)

Exempel på digital tagg i form av en badge

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
3.1.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