Global Style Guide
ACTS Missions Online
This global style guide is a great way to start a new page, post or slider content design. This will serve as a foundational reference point for the content that you will be creating. Additionally, I recommend that you take advantage of Google Chrome’s Inspector (Open Dev) tools to help figure out style values from other pages, posts and other content types that you’d like to reference within this site.
For a other features and functionality related to this site, click on the link below to be redirected to its corresponding documentation.
Color palette
These text modules include background colors and hexadecimal codes for the colors to be used throughout the site. Copy and paste these values as needed.
#4bfbc8
#26c699
#4188f9
#8300e9
#1c3353
#1a1f28
#eef1f8
#ffffff
#4188f9
#4bfbc8
rgba(28,51,83,0.56)
rgba(28,51,83,0.88)
Text styles
H1: Heading 1
Heading 1
Libre Baskerville, Regular / color: #1c3353 / text-size = 50px / Line-Height = 1.3em
H2: Heading 2
Heading 2
Nunito Sans, Ultra Bold / color: #26c699 / text-size = 32px / Line-Height = 1.6em
H3: Heading 3
Heading 3
Nunito Sans, Ultra Bold / color: #1a1f28 / text-size = 24px / Line-Height = 1.6em
H4: Heading 4
Heading 4
Nunito Sans, Heavy / color: #1a1f28 / text-size = 12px / Line-Height = 1.6em
Body
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. Quisque vel laoreet sem.
Nunito Sans, Regular / color: #1c3353 / text-size = 18px / Line-Height = 2em
Blockquote
“Sed porttitor lectus nibh. Vivamus suscipit tortor eget felis porttitor volutpat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Nulla quis lorem ut libero malesuada feugiat. Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Nulla porttitor accumsan tincidunt. Proin eget tortor risus”
—Johnny Doe, Extra Space
Nunito Sans, Regular (forced italic) / color: #1a1f28 / text-size = 14px / Line-Height = 1em / Border color: #00d2d6
Link
Nunito Sans, Ultra Bold, Uppercase / color: #4188f9 / text-size = 12px / letter-spacing = 1px / Line-Height = 1.6em