Search the design system

Getting started

What's new

This section is regularly updated with latest release notes and updates from team DesignTech.

This page provides regular updates on new features, improvements, and changes from team DesignTech. Stay informed about what we're currently developing and our roadmap for future enhancements.

We welcome your feedback and suggestions for improvements, new components, or any questions and concerns you may have.

Interested in contributing? Visit our Contribute section to learn how you can help shape the Svenska Spel Design System.

Latest updates

  • Motion guidelines: Added comprehensive Motion foundation pages covering core principles, easing curves, duration standards, product transition patterns (navigate, push, glide, reveal, loading), and a crash course on animation fundamentals. Each section includes interactive demos and copyable code snippets.

  • Brand portal: Added and updated manuals and resources to the brand portal.

  • Guidelines: New section added with manual for Spelkoll.

  • Writing (SE): New writing guidelines and resources added, including tone of voice, grammar rules, and best practices for creating clear and engaging content for Svenska Spels customers.

  • Components documentation: Added documentation for Bottom-sheet, Composable modal and Price Label.

What's in the pipeline?

We're actively working on several initiatives to enhance the Svenska Spel Design System. Here are the key projects currently in development:

  • Documentation and guidelines for the colour system: We're developing comprehensive documentation for our colour system, including usage guidelines, accessibility considerations, and best practices for applying our colour palette across various digital products. This will ensure consistent and effective use of colour throughout the Svenska Spel ecosystem.

  • New web platform & @svs/ui component library: As Svenska Spel transitions to a new web platform, we're developing @svs/ui—a comprehensive library of UI components shared across all brands and products. This powerful, user-friendly library features a wide range of customisable components designed to accelerate development while maintaining the authentic Svenska Spel look and feel across all digital touchpoints.

  • Legacy component maintenance: We're committed to maintaining and updating existing components to ensure they remain functional, accessible, and consistent with current brand guidelines. This ongoing work ensures a smooth transition while preserving backward compatibility where possible.

Getting startedDeveloping
Getting startedWhat's new / Changelog

© 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