GXS

GXS stylesheet

Colors

neon-100

#AF89F4

neon-300

#8653E3

neon-500

#771FFF

eggplant-100

#453B59

eggplant-300

#272036

eggplant-500

#0C0120

black-100

#878787

black-300

#2B2B2B

black-500

#000000

pearl-100

#E9E9E9

pearl-300

#EEEEEE

pearl-500

#FAFAFA

gum-100

#FFBCC8

gum-300

#F66F87

gum-500

#F8326D

candy-100

#FFD5ED

candy-300

#FFABDB

candy-500

#FF96D2

bolt-100

#C1F0FF

bolt-300

#98E6FF

bolt-500

#4CC9F0

mint-100

#D4FCE4

mint-300

#A7F8C7

mint-500

#75F9AA

thunder-100

#FFF7B1

thunder-300

#FFE666

thunder-500

#FFD500

Typography

sans font

Inter

display font

Ubuntu

Lorem ipsum dolor sit amet

Fontsize - xs : .75rem

Lorem ipsum dolor sit amet

Fontsize - sm : .875rem

Lorem ipsum dolor sit amet

Fontsize - tiny : .875rem

Lorem ipsum dolor sit amet

Fontsize - base : 1rem

Lorem ipsum dolor sit amet

Fontsize - lg : 1.125rem

Lorem ipsum dolor sit amet

Fontsize - xl : 1.25rem

Lorem ipsum dolor sit amet

Fontsize - 2xl : 1.5rem

Lorem ipsum dolor sit amet

Fontsize - 3xl : 1.875rem

Lorem ipsum dolor sit amet

Fontsize - 4xl : 2.25rem

Lorem ipsum dolor sit amet

Fontsize - 5xl : 3rem

Lorem ipsum dolor sit amet

Fontsize - 6xl : 4rem

Lorem ipsum dolor sit amet

Fontsize - 7xl : 5rem

Spacing

sm : 8px

md : 12px

lg : 16px

xl : 24px

2xl : 48px

Columns

1 Columns

2 Columns

3 Columns

4 Columns

5 Columns

6 Columns

Buttons

© 2022