Gravity Form
Neutral Colors
Light
Grey
Dark
Grey-10
Grey-20
Grey-30
Grey-40
Grey-50
Grey-60
Grey-70
Grey-80
Grey-90
Highlight 01_H01
Light
20%
40%
60%
80%
H01
120%
140%
160%
180%
Dark
Highlight 02_H02
Light
20%
40%
60%
80%
H02
120%
140%
160%
180%
Dark
Highlight 03_H03
Light
20%
40%
60%
80%
H03
120%
140%
160%
180%
Dark
Accent 01_A01
Light
Neutral
Dark
Accent 02_A02
Light
Neutral
Dark
Accent 03_A03
Light
Neutral
Dark
Error
Light
Neutral
Dark
Success
Light
Neutral
Dark
Light
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Add class
bg-light
Dark
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Add class
bg-dark
Highlight 01
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Add class
bg-highlight-01
Highlight 02
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Add class
bg-highlight-02
Highlight 03
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Add class
bg-highlight-03
Accent 01
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Add class
bg-accent-01
Accent 02
Add class
bg-accent-02
Accent 03
Add class
bg-accent-03
Defaut Headlines
H1 Title
H2 Title
H3 Title
H4 Title
H5 Title
H6 Title
Add class
headline-XX
Custom lg Screen
Headline lg 3XL
Headline lg 2XL
Headline lg XL
Headline lg L
Headline lg M
Headline lg S
Headline lg XS
Headline lg body
Add class
headline-lg-XX
Custom md Screen
Headline md 3XL
Headline md 2XL
Headline md XL
Headline md L
Headline md M
Headline md S
Headline md XS
Headline md body
Add class
headline-md-XX
Custom sm Screen
Headline sm 3XL
Headline sm 2XL
Headline sm XL
Headline sm L
Headline sm M
Headline sm S
Headline sm XS
Headline sm body
Add class
headline-sm-XX
Defaut Copies
Copy 3XL – Here goes your text…
Copy 2XL – Here goes your text…
Copy XL – Here goes your text…
Copy L – Here goes your text…
Copy M – Here goes your text…
Copy S – Here goes your text…
Copy XS – Here goes your text…
Here goes your text…
Add class
copy-XX
All buttons
Small Button
Medium Button
Large Button