Colors
Accent 1
Accent 1 Darker
Accent 2
Accent 2 Darker
Background Light
Background Dark
Background Light Alter
Background Dark Alter
White
Black
x
x
Font colors
Heading Light
Heading Dark
Heading Accent
Text Light (80%)
Text Light Darker (80%)
Text Dark
Text Dark Darker
Fonts & Text
This is a h1 hero. c-h1-fat
This is a h1 heading.
This is a h1 heading. c-h1
This is a h2 heading.
This is a h2 heading. c-h2
This is a h3 heading.
This is a h3 heading. c-h3
This is a h4 heading.
This is a h4 heading. c-h4
This is a h4 heading. c-heading-light
This is a h4 heading. c-heading-dark
This is a h4 heading. c-heading-accent
Body: But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful.
This is a block of text. c-text-s
This is a block of text. c-text-m
This is a block of text.
This is a block of text. c-text-l
This is a block of text. c-text-xl
This is a block of text. c-text-light
This is a block of text. c-text-dark
This is a block of text. c-text-accent
This is a block of text. c-text-accent-alt
c-text-left: But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.
c-text-center: But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.
c-text-right: But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.
c-text-justify: But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.
Buttons
This is a button
c-btn-main / c-btn-xs
This is a button
c-btn-main / c-btn-s
This is a button
c-btn-main / c-btn-m
This is a button
c-btn-main / c-btn-l
Icons
c-icon-accent-s
c-icon-accent-m
c-icon-accent-l
c-icon-light-s
c-icon-light-m
c-icon-light-l
c-icon-dark-s
c-icon-dark-m
c-icon-dark-l
Other
c-shadow-xs
c-shadow-s
c-shadow-m
c-shadow-l
c-shadow-xl
c-rounded-xs
2px
2px
c-rounded-s
4px
4px
c-rounded-m
6px
6px
c-rounded-l
8px
8px
c-rounded-xl
10px
10px
c-fade
c-fade-up
c-fade-down
c-fade-left
c-fade-right
Margins
c-margin-bottom-xs
5px
5px
c-margin-bottom-s
15px
15px
c-margin-bottom-m
25px
25px
c-margin-bottom-l
50px
50px
c-margin-bottom-xl
75px
75px
c-margin-right-xs - 5px
c-margin-right-xs
c-margin-right-s - 15px
c-margin-right-s
c-margin-right-m - 25px
c-margin-right-m
c-margin-right-l - 50px
c-margin-right-l
c-margin-right-xl - 75px
c-margin-right-x
Padding
c-padding-xs
5px
5px
c-padding-s
10px
10px
c-padding-m
20px
20px
c-padding-l
25px
25px
c-padding-xl - 50px
Gap Columns
c-columns-gap-s
c-columns-gap-s - 8px
c-columns-gap-s
c-columns-gap-m
c-columns-gap-m - 20px
c-columns-gap-m
c-columns-gap-l
c-columns-gap-l - 36px
c-columns-gap-l
c-columns-gap-xl
c-columns-gap-xl - 57px
c-columns-gap-xl
c-columns-gap-xxl
c-columns-gap-xxl - 86px
c-columns-gap-xxl
Special Columns
c-columns-3-2
c-columns-2
c-columns-2-3
c-columns-3
c-columns-1-2
c-columns-4
c-columns-2-1
c-columns-4
c-columns-3-1
c-columns-4
c-columns-1-3
c-columns-4
Columns
c-columns-2
c-columns-2
c-columns-3
c-columns-3
c-columns-3
c-columns-4
c-columns-4
c-columns-4
c-columns-4
c-columns-5
c-columns-5
c-columns-5
c-columns-5
c-columns-5
c-columns-6
c-columns-6
c-columns-6
c-columns-6
c-columns-6
c-columns-6