Element Design System

JCI Blue Element Design System

The Element Design System is a common set of tools and resources that enable the rapid creation of beautiful and accessible experiences.

Element contains everything you need to get started, including both design specs and code libraries

To get started, are you a developer or a designer?

Our Goals

Create

Eliminate guesswork and provide clarity, allowing the creation of quality products and experiences quickly.

Unify

Develop a single underlying system that unifies the user experience across all platforms and devices.

Customize

Provide a flexible foundation that allows for innovation and expression, tailor-made to your product.

Top App Bar
  • List item 1
  • List item 2
  • List item 3
Helper text goes here
0 / 10
chip
chip
chip
chip
chip
chip
Zero
One
Two

Alert your users with banners!

Snackbar notification!
  • Menu Item 1
  • Menu Item 2
  • Menu Item 3
Aug
1969
Su
Mo
Tu
We
Th
Fr
Sa
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
Sep
Oct
Nov
Dec
1969
1970
1971
1972
1973
1974
1975
1976
1977
1978
1979
1980
Table
Row Rating
Comments
Table Row 137First row best row!
Table Row 226First is the worst, second is the best
Table Row 344Highest rated row