SEB
Design Library
  • Design Library
  • Introductions
    • Introduction to the site
      • How does Design Library work?
      • Need a new component?
    • Introduction to 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
      • Five design principles
        • It's for you
        • Everyday first
        • Trigger insight
        • Aim to explain
        • Frictionless
      • Concept sketches
    • Introduction to the frameworks
      • Github links
  • Starting up
    • Designers
      • Before you start
      • CX-resources
      • Design tools
      • Design hints
    • Developers
      • Getting started
      • Installation instructions
    • Change log - design
  • Tech stuff
    • Repositories
    • Component status
    • Browser strategy
  • Visual identity
    • Logotype
    • Typography
    • Colours
    • Imagery
    • Fifth element
  • Shells
    • Public web
      • Vision
      • Customer journey
      • Navigation
      • Way of working
      • Public web components and patterns
        • Mega menu
        • Breadcrumbs
    • Upcoming - Shells
      • Mobile app
      • Internal tools
      • Third party
      • FAQ Shells
  • Components
    • Accordion
    • Alert components
      • Alert ribbons
      • Contextual alert
      • Contextual help button
      • 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 content
      • Search bar
      • Story block
      • Theme header
      • Video block
      • Welcome block
    • Date picker
    • Field-button group
    • Form components
      • Button
      • Checkbox
      • Dropdown
      • Input field
      • Radio button
      • Stepper
      • Up button
    • Graph
    • Grid system
    • Inline links
    • List components
      • List
      • Quick facts
      • USP list
    • Loader components
      • Progress bar
      • Skeleton loader
      • Spinner
    • 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
      • Eriks testtesttest
      • 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
    • Alerts and errors
      • System alerts
      • User errors and feedback
      • Error pages
    • Formatting guides
    • Forms
    • Create, read, update and delete
    • 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
    • Wizards
      • Wizard - light
      • Wizard - advanced
    • Drag and drop
  • Accessibility
    • Tools for developers
  • FAQ
  • News
  • Search
Resources
  • SEB Brand Manual
  • Design Library on Github

Shells

Introductions to what you might need to know to create a unified experience, in a certain context. This chapter is being worked on at the moment, stay tuned.

  • Public web

    To create an experience in public web sites. This chapter is being worked on at the moment, stay tuned.

  • Upcoming - Shells

    Other contexts we will describe. Hang in there. If you would like to contribute, please contact designlibrary@seb.se.

Latest update 2019-10-18