Branding Guide

Welcome to your Post With Everything In It. Here you will find all of the information you will need to make your pages and posts look good! The block elements include:

  • Paragraph
  • Heading
  • List
  • Quote
  • Buttons
  • Accordion
  • Separator
  • Spacer
  • Image
  • Image Gallery
  • Call to Action
  • Table
  • Read More
  • Post and Pages Grid
  • Advanced Columns
  • Container
  • Cover
  • Layouts
  • Classic Editor
  • Code
  • Custom HTML
  • Shortcode
  • Forms
  • Yoast
  • Video
  • Embeds:
    • YouTube
    • Vimeo
    • TED
    • Twitter
    • Facebook
    • Instagram
    • TikTok

Your content can include anything to share with your reader about your company, products or services. Be sure to make it engaging as you want people to continue to explore your website. We’ve made it so your links stick out!

With your basic paragraph text you can make words: bold, italic, bold and italic, underlined or strikethrough.


Your Colors

Use these colors to keep branding consistency throughout your website and marketing.

#fff
#000
#1B3967
#3062AB
#00A2E0
#272525
#BFC0C1
#F1F1F1

Headlines

Divide your content into sections using headings H2 through H6. A heading helps give your content hierarchy. Here’s what they look like.

Level 2 Heading

Level 3 Heading

Level 4 Heading

Level 5 Heading
Level 6 Heading

Have items you want displayed in a list? This is what a bulleted or numbered list will look like:

  • Vestibulum in mauris semper tortor interdum ultrices.
    • Vestibulum in mauris semper tortor interdum ultrices.
    • Sed vel lorem et justo laoreet bibendum. Donec dictum.
  • Etiam massa libero, lacinia at, commodo in, tincidunt a, purus.
  • Aenean eu libero nec lectus ultricies laoreet. Donec rutrum, nisi vel egestas ultrices, ipsum urna sagittis libero, vitae vestibulum dui dolor vel velit.
  1. Vestibulum in mauris semper tortor interdum ultrices.
    1. Vestibulum in mauris semper tortor interdum ultrices.
    2. Sed vel lorem et justo laoreet bibendum. Donec dictum.
  2. Etiam massa libero, lacinia at, commodo in, tincidunt a, purus.
  3. Aenean eu libero nec lectus ultricies laoreet. Donec rutrum, nisi vel egestas ultrices, ipsum urna sagittis libero, vitae vestibulum dui dolor vel velit.

Add Images with or without Captions in your text

This is a caption for this image. It can describe who or what is going on it in.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Accordions

Only use this if you are ok if the visitor doesn’t see this information unless they click on it. Suggested use for FAQ’s, extra employee about information if you have a large team, or long paragraphs of directions ect. 

This is an accordion title

Text in accordion. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

This is an accordion title

Text in accordion. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Another accordion title

Text in accordion. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Buttons

Use buttons to make a link stand out from the rest of the content.


Block Quote

Use a block quote to pull out stats or important statements.

This is an example of a blockquote. Put a quote or small phrase you want your viewer to see. It’s an easy way to catch your reader’s attention.

Name, Company Title, Company Name

Table

Sometimes content just needs a table to organize its information.

Column TitleNumberTitleTitle
Text Here25Nox
Text3Nox
Longer Text Here54Yes
Longer Text Here Longer Text Here Longer Text Here10Nox

Cover Image

Take an image, make it full-width, add a color overlay and text on top to highlight information on your site.

Highlight stats or information here.


Embed a Video or Social Media Post


Call To Action (CTA)

If you need another bold CTA, this block is available. Use with caution as too many CTA on a page can be overwhelming for the visitor.

Add Your Title

And your CTA text in this area.


Forms