This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

Designed to bring unity to our digital experiences.

Green Design System is more than a polished user interface, its places the user at the very forefront of design, usability and accessibility.

Components

Breadcrumb

A breadcrumb is a secondary navigation showing the website hierarchy.

Primary default button
Button

Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.

Checkbox

A checkbox is a form element that allows users to select one or multiple options from a list.

Input

Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.

Radiobutton

A radio button allows users to select one option from a predefined set of mutually exclusive choices.

Segmented control

A segmented control is a group of 2 – 5 buttons that lets the user switch views or sort elements.

Resources

Start contributing now!
SEB Brand Hub

Empowering designers and developers

A framework with accessibility and usability rooted at its core, Green Design System empowers designers and developers to create with speed and precision. It ensures a seamless and consistent visual experience across our entire product suite.