Hello David

This is a prototype used to test and discuss the grids and the new navigation system. It is not built with real MUX or AEM components.

Quick Actions

Deposits

Account nickname Account 109884
$58,948.91
Account nickname Account 109884
$58,948.91
Account nickname Account 109884
$58,948.91
Total $176,846.73

Credit cards

Platinum credit card •••• •••• 4567
$1,234.56
Total $1,234.56

Need Assistance?

Our customer service team is available 24/7 to help you.

Featured Products

Travel Insurance

Protect your travels with comprehensive coverage for medical emergencies, trip cancellations, and more.

Colors

Green

Light 4
#caeed9
Light 3
#ace5c4
Light 2
#5cd790
Light 1
#00c46e
M Green
#00a758
Dark 1
#06874e
Dark 2
#046138
Dark 3
#004427

Blue

Light 4
#c1d8f7
Light 3
#76b0ff
Light 2
#2d69ff
Light 1
#1e1ee5
JH Blue
#0000c1
Dark 1
#00009a
Dark 2
#000082
Dark 3
#000060

Gold

Light 4
#fbe9c6
Light 3
#f8d38a
Light 2
#fcc457
Light 1
#f9ab2e
Gold
#f49600
Dark 1
#e38400
Dark 2
#ce7612
Dark 3
#a75900

Violet

Light 4
#d4d2e9
Light 3
#9d8dbc
Light 2
#836aa6
Light 1
#6f5693
Violet
#604584
Dark 1
#4c336b
Dark 2
#331a53
Dark 3
#261848

Turquoise

Light 4
#c5f4f1
Light 3
#9df3ed
Light 2
#6ae7df
Light 1
#28d7cb
Turquoise
#06c7ba
Dark 1
#05b2a7
Dark 2
#08a298
Dark 3
#0b9189

Coral

Light 4
#f6ccc7
Light 3
#fcaca1
Light 2
#f69082
Light 1
#ff7769
Coral
#ec6453
Dark 1
#d03a39
Dark 2
#a00e18
Dark 3
#830a10

Greys

White
#fff
Light 2
#fafafa
Light 1
#f5f5f5
Light
#ededed
Dark 1
#e5e5e8
Dark 2
#dfe0e2
Dark 3
#c2c3c9

Dark Navy

Light 5
#dddee4
Light 4
#8e90a2
Light 3
#5e6073
Light 2
#424559
Light 1
#34384b
Dark Navy
#282b3e
Super Dark
#1e212f

Basic Colors

Black
#000
Red
#db1f00
Border Line
#8e90a2

Layout & Spacing

Layout

Layout 1
12px
Layout 2
16px
Layout 3
24px
Layout 4
32px
Layout 5
40px
Layout 6
48px
Layout 7
64px
Layout 8
96px
Layout 9
160px

Spacing

Spacing 1
4px
Spacing 2
8px
Spacing 3
12px
Spacing 4
16px
Spacing 5
24px
Spacing 6
32px
Spacing 7
40px
Spacing 8
48px
Spacing 9
64px

Border Radius

Radius SM
4px
Radius MD
8px
Radius LG
12px
Radius XL
16px
Radius 2XL
32px
Radius 3XL
64px

Typography

H1 Styles

The quick brown fox jumps over the lazy dog

cds-ext-h1-light (Desktop: 44px/54px/0px, Mobile: 30px/41px/0px)

The quick brown fox jumps over the lazy dog

cds-ext-h1-demibold (Desktop: 44px/54px/0px, Mobile: 30px/41px/0px)

The quick brown fox jumps over the lazy dog

cds-ext-h1-italic (Desktop: 44px/54px/0px, Mobile: 30px/41px/0px)

H2 Styles

The quick brown fox jumps over the lazy dog

cds-ext-h2-light (Desktop: 32px/44px/0px, Mobile: 26px/36px/0px)

The quick brown fox jumps over the lazy dog

cds-ext-h2-demibold (Desktop: 32px/44px/0px, Mobile: 26px/36px/0px)

The quick brown fox jumps over the lazy dog

cds-ext-h2-italic (Desktop: 32px/44px/0px, Mobile: 26px/36px/0px)

H3 Style

The quick brown fox jumps over the lazy dog

cds-ext-h3 (22px/32px/0px)

H4 Style

The quick brown fox jumps over the lazy dog

cds-ext-h4 (18px/26px/0px)

Body1 Styles

The quick brown fox jumps over the lazy dog

cds-ext-body1-light (16px/24px/0px)

The quick brown fox jumps over the lazy dog

cds-ext-body1-regular (16px/24px/0px)

The quick brown fox jumps over the lazy dog

cds-ext-body1-demibold (16px/24px/0px)

The quick brown fox jumps over the lazy dog

cds-ext-body1-bold (16px/24px/0px)

Body2 Styles

The quick brown fox jumps over the lazy dog

cds-ext-body2-light (14px/20px/0px)

The quick brown fox jumps over the lazy dog

cds-ext-body2-regular (14px/20px/0px)

The quick brown fox jumps over the lazy dog

cds-ext-body2-demibold (14px/20px/0px)

The quick brown fox jumps over the lazy dog

cds-ext-body2-bold (14px/20px/0px)

Inline Link

The quick brown fox jumps over the lazy dog

cds-ext-inline-link (16px/24px/0px)