• Home
  • Getting started
  • Way of thinking
  • Foundation
    • Dev standards
    • Digital environment
    • Unit & Grid system
    • Color
    • Typography
    • Iconography
    • Pictograms
    • Elevation
    • Utility
  • Components
  • Patterns
  • Content
  • Brands

Foundation

Pictograms

Hero Image

The pictograms shouldn’t be confused with icons. There is a bit more creative freedom when it comes to creating the pictograms. The pictograms communicate messages at a glance, and simplify complex ideas. Our illustrative pictograms help visualising information in a simplified way.

Pictograms

Our illustrative pictograms have the main purpose of making information more fun. They only occur in larger sizes, which means that they can be both more complex and detailed. These pictograms are drawn in a freer grid.

icons

Creating new pictograms

icons

When we develop new pictograms, we start from a grid template with the dimensions 96x96 px.

Style

Our pictograms are stylized and based on geometric shapes. This makes them clear and well-functioning even in small sizes.

Do: consistent shapes

Do

Use geometric and consistent shapes.
Don´t: realistic or organic shapes

Don't

Avoid realistic or organic shapes

Resources

Related

Hero Image

Way of thinking

Design principles

Hero Image

Way of thinking

Accessibility

© DesignTech - AB Svenska Spel

What's newTerms of useAccessibility statementCookiesTeams channel [Internal]Powered by Trinidad-UI: 9.7.6

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