The objective of this style guide is to primarily focus on how the Campaign Creators brand should be applied on the web.
This includes all elements you may need—logos, typeface, colors, and more—to create a consistent look, and feel for Campaign Creator’s brand. We encourage you to absorb this information and reference it often to become a champion of the brand.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Vertical / Full Color
Vertical / Black & White
Horizontal / Full Color
Horizontal / Black & White
Primary #fff
Secondary #F5F8FA
Tertiary #F15A24
Primary #fff
Secondary #F5F8FA
Tertiary #F15A24
Quarternary #40C9D4
Deep Blue #39464E
Teal Gradient #74E6EC/#40C9D4
Orange Gradient #FDC586/#F9934E
Cool Gradient #ffffff/#DFEAF2
N1 #25343D
N2 #344955
N3 #3B5362
N4 #435E6E
N5 #4A687A
The following is a quick glance of the type of imagery that is to be used in all of our digital assets. By following this look and feel for images, we can maintain consistency and establish trust.
View Properties
#h1 {
font-family: Infra;
font-size: 48.83px;
font-weight: bold;
line-height: 1px;
}
View Properties
#h2 {
font-family: Infra;
font-size: 39.06px;
font-weight: bold;
line-height: 1px;
}
View Properties
#h3 {
font-family: Infra;
font-size: 31.25px;
font-weight: bold;
line-height: 1px;
}
View Properties
#h4 {
font-family: Infra;
font-size: 25px;
font-weight: bold;
line-height: 1px;
}
View Properties
#h5 {
font-family: Infra;
font-size: 20px;
font-weight: bold;
line-height: 1px;
}
View Properties
#h6 {
font-family: Infra;
font-size: 16px;
font-weight: bold;
line-height: 1px;
}
Subhead
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
View Properties
#p {
font-family: "Open Sans";
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
View Properties
#p {
font-family: "Open Sans";
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
Blockquote
“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.”
Lorem Ipsum
Director, Lorem Ipsum
View Properties
#p {
font-family: "Open Sans";
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
Label
Default State
Input
Label
Focus State
I
Label
Error Message
abc.com
*Email address invalid
Label
Default State
Input
© 2021 Campaign Creators
7975 Raytheon Rd. Ste 310 San Diego, CA 92111
Built with ♥ by Campaign Creators