Design Library
Hide Menu
Design Library
Introduction
About Design Library
Need a new component?
Change log - design
About the design
Visual design thinking
Keep it together
Design for a purpose
Lead the way
Don't simplify, make it simple
Progress and evolve
Real life example: Trygghetsplanen
Concept sketches
Five design principles
It's for you
Everyday first
Trigger insight
Aim to explain
Frictionless
For designers
Design tools
Way of working
Design hints
CX-resources
Mostly for developers
Starting up
How does Design Library work?
Installation instructions
Use and contribute components
Github links
Repositories
Component status
Browser strategy
Visual identity
Logotype
Typography
Colours
Imagery
Fifth element
Shells and contexts
Internet banks
Current channels
Internetbanken Privat
Internetbanken Limited
Business Arena
Internetbanken Företag
Grid & responsiveness
Navigation
Taxonomy & pagetypes
Page anatomy & zones
Internet bank components and patterns
CRUD-pattern
Modals
Modules and widgets
Wizard
Hybrid design
About hybrid design
Hybrid design principles
Navigation
Consistency
Prioritise content
Expected behaviour
Components and patterns
Slide-up sheet
Kvittens
Public web
Vision
Customer journey
Navigation
Way of working
Public web components and patterns
Related blocks
Mega menu
Breadcrumbs
Upcoming - Shells
Mobile app
Internal tools
Third party
FAQ Shells
Components
Accordion
Alert components
Alert ribbons
Contextual alert
General form error
Toast notifications
Badge
Breadcrumbs
Card
Chips
Content blocks
Article features
Contact me
Contact us
Expert quote
Eye catcher
Focus bar block
Footnote
Hook guide act
Rating
Related blocks
Related Small
Related Medium
Related Large
Search bar
Theme header
Video block
Welcome block
Contextual help button
Date picker
Field-button group
Form components
Button
Checkbox
Dropdown
Input field
Radio button
Stepper
Up button
Graph
Inline links
List components
List
Quick facts
USP list
Loader components
Progress bar
Skeleton loader
Spinner
Wait-confirm
Module
Progress indicator
Section expander
Segmented control
Slider
Slide toggle
Sticky bar components
Sticky button bar
Sticky summary bar
Tab
Table
Toggle selector
Typographic components
Text block
Tooltip
Widget
Upcoming
Navbar
Pagination
Public web components
AppInt presentation
Article item
Disclaimer
Epiforms block
Helper
Link list
Mega menu pane
Ordered bullet list
Promo
Promo XL
Preamble
Patterns
Remove these
Intranet components
Intra news item page
Toolpage
Text
Target labels group
Intranet icons
Heading
React
Carousel
Icon
Image
Image cropper
Notification
Radio group
Step tracker
Text area
Text label
Time picker
Timer
Time line
Video holder
Patterns
Dark mode
Drag and drop
Feedback to the user
Guide the user
Alert ribbons
Badge
Contextual help button
Contextual alert
Empty states (hybrid)
Empty states (desktop)
Progress indicator
Tooltip
User instruction in form components
Provide error feedback
Contextual alert
Errors handling in form components
General form error
Toast notification
SEB communicates
Alert ribbon
Contextual alert
System error
Error pages
Formatting guides
Forms
Grid system & spacing
Create, read, update and delete (CRUD)
Light process
Icons and pictograms
Icons
Pictograms
Modal components
Dialogue
Fold-out
Slide-out
Take-over
Modules and widgets
Module
Widget
Module
Motion
Search and filter
Filter
Static site template
Units
Wizard
The old wizard
Buy and sell-buttons
Onboarding
Accessibility
Tools for developers
FAQ
News
Search
404
Page not found