Hero Image

Getting started

The Svenska Spel Design System is a standardized framework and set of guidelines for creating consistent and cohesive digital products within the Svenska Spel organization.

Our unified Design Language and System makes sure your design is consistent and professional on all digital platforms, which improves the user experience in every product. By using pre-defined design elements, you save time and boost productivity ultimately freeing up time for creative problem-solving instead of repetitive design work.

Get started


Our Design Language

To deliver great user experiences in our products, it's important to have a good understanding of Svenska Spel's design language and approaches.

We create greater experiences with less by ensuring every detail has a purpose and we opt out of things that do not add any value.


Our toolbox

The core of our Design System, comprising essential components, patterns, and guidelines for cohesive product development.

Foundation

Foundation

Our Design System's foundations provide the building blocks for consistent and accessible design. It includes typography, color, spacing, and other fundamental design principles that maintain a unified look and feel across products.

Components

Components

Dive into our library of reusable components. From buttons to forms, these components are designed with consistency and flexibility in mind. This means faster development, fewer design inconsistencies, and a smoother user experience.

Icons

Icons

Colors

Colors

Typography

Typography

Patterns

Patterns

Explore common design solutions and best practices within our Patterns section. These established design patterns help solve recurring user experience challenges, ensuring your products are intuitive and user-friendly.

Content

Content

We define our brand personality to create a unified and engaging Svenska Spel for all, including Svenska Spel Corporate, Svenska Spel Tur, and Svenska Spel Sport & Casino.

UI Library

UI Library

Our UI Library is where you can access the design assets you need, whether you're using design software, development frameworks, or other tools. This makes it easy to create on-brand designs and maintain consistency.

Brands

Brands

It's essential to understand both the Svenska Spel design language and the distinct branding of each unique product.


Assets

Design and development assets (internal).


Svenska Spels business structure

Svenska Spel Corporate, Svenska Spel Tur and Svenska Spel Sport & Casino consists of different companies, but together we want to build one united brand - Svenska Spel.

To help customers recognize different parts of Svenska Spel, business areas have their visual identities, each with distinct colors and elements. This ensures clarity. However, to unify Svenska Spel, we maintain consistency in our logo, typography, and more. The design system creates a shared Svenska Spel brand for clarity and competitiveness.

Brands

Contribute

Do you have feedback or would you like to contribute?

The design system is constantly changing, do you want to contribute or are you thinking of improvements? Feel free to share your thoughts and ideas with us at Design tech.