Editor Style Guide / Typography

Header Level 1

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. This is a paragraph including all the possible styles using the wordpress visual editor. This is bold and this is underline. Also this is italic and this is a link. Please notice that ALL Links are a color that is close to red which is oposite to green. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis.

 

Header Level 2

Bellow there is an ordered list (numbers) and a quote:

  1. This is ordered lists 1st child
  2. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  3. Aliquam tincidunt mauris eu risus.

This is a Quote like in homepage below the main image! Please make sure to read the next important Quote under the header level 5 title!

 

Header Level 3

Below there is an unordered list (arrows)

  • This is an unordered list’s child
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aliquam tincidunt mauris eu risus.

 

Header Level 4

Just another paragraph. Please read the next quote! Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi.

Do you like using images? Then if you would like the image to be fullwidth to the justified text width like the one below, then you should add the class “fullimg” to the inserted image and set size “Large“. Edit the image below and see where the class is applied. That simple!

grid-2

 

Header Level 5

Below there is another quote,

Quote! Please keep in mind the spaces between the lines. If you test, you can see that there are no spaces between headings and paragraphs, quotes, ordered or unordered lists. There is ONLY 1 Enter new line below each “content section”meaning the group consisted by the heading and its content. Please make sure that the enter new line style is set to “Paragraph” or it might not show up correctly. Also many of microsoft word’s keyboard shortcuts work – while this is a common text editor. It would be wise if you first clean up every text formating that comes with the paste up from text editors like microsoft word and re-apply the Adacom website Styles using the editor. Finally, this editor is designed to help users create posts in a meaningfull way, avoiding the need to know HTML! So, everything is much simpler and more consistent, if the writer uses the Visual view of the editor.

 


 

If you want to compare the headings please take a look below,

Header Level 1

Header Level 2

Header Level 3

Header Level 4

Header Level 5

 

The headings order above, is applied to the entire website in a consistent manner.

Top