About Green
Green is SEB's design system for building products and digital experiences for SEB.
The design system brings together a coded component library, design assets, and user interface guidelines. At its core, Green is built on clear principles and methodologies that focus on improving accessibility, ensuring code quality, maintaining brand consistency, enhancing user experience, and supporting the overall efficiency of both designers and developers.
Overview
Overview
The Green Design System provides a shared set of reusable coded components, design patterns, and UI guidelines that help SEB teams build digital products faster and more consistently. By using pre-built assets, teams save time while ensuring accessibility and alignment with SEB’s latest design standards.
Core areas
Green is built on three pillars: design, code and guidelines, supported by eight areas of excellence.
-
Design – Components are created in Figma for reuse across SEB. Updates in Figma libraries automatically sync to all design files.
-
Code – Components are developed in modern JavaScript frameworks, tested for quality and accessibility, and managed by the Green Core Team.
-
Guidelines – UI standards, component documentation, and design patterns are available in the Design Library and Storybook.
Contact us
Bug reporting
The components in Design Library are not actively improved. However, we do correct bugs.
Design issues
- Components (Requires SEB Figma)
- Green Design Teams channel
Code issues
Teams channels
For internal SEB users only.
The Green core team maintains the following channels and will provide support there on as time permits.
- For designers: Green Design
- For developers: Green Code