Styleguide for Posts Formatting

Use the following styles and recommendations as standard for the blog posts

Logos

resume example logo

Simple Icon

small logo

Typography

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.

Font Type: IBM Plex Sans – 18px

Heading 1 – H1 – 30px

Heading 2 – H2 – 26px

Heading 3 – H3 – 22px

Heading 4 – H4 – 18px

Heading 5 – H5 – 16px

Font Type: IBM Plex Sans Condensed

Colors

Primary – #6febb4

Secondary – #a4ebf3

Info – #3B97D3

Shortcodes & Styles

Actionable Lists 

  • Item todo 1
  • Item todo 2
  • Item todo 3
  • Item todo 4

[su_list icon="icon: check" icon_color="#54e346"]  ....  [/su_list]

 

Information List

  • Item todo 1
  • Item todo 2
  • Item todo 3
  • Item todo 4

[su_list icon="icon: caret-right" icon_color="#a4ebf3"]....[/su_list]

 

Highlight – Important

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.   Phasellus hendrerit . Pellentesque aliquet nibh nec urna.

[su_highlight background="#6febb4"] highligted text [/su_highlight]

Notes – Important

Look, nowadays it is just not enough to highlight your educational qualifications. HR managers are now keen to look at the skills you possess. These are specific natural talents and expertise that will help you deliver on the job.

[su_note note_color="#ffff99" text_color="#233143"] .... [/su_note]

 

Notes – Examples

Look, nowadays it is just not enough to highlight your educational qualifications. HR managers are now keen to look at the skills you possess. These are specific natural talents and expertise that will help you deliver on the job.

[su_note note_color="#fafafa" text_color="#233143"] .... [/su_note]

 

Notes – Recomendations

Look, nowadays it is just not enough to highlight your educational qualifications. HR managers are now keen to look at the skills you possess. These are specific natural talents and expertise that will help you deliver on the job.

[su_note note_color="#f1f8fe" text_color="#233143"] .... [/su_note]

 

 

CORRECT

CORRECT
Integer cursus orci bibendum sem mollis, et bibendum diam sodales. Pellentesque eu suscipit magna, sed faucibus sem. Maecenas lacinia nulla vel risus molestie, in bibendum turpis congue.

[su_box title="CORRECT" box_color="#3be863"] ... [/su_box]

INCORRECT

INCORRECT
Integer cursus orci bibendum sem mollis, et bibendum diam sodales. Pellentesque eu suscipit magna, sed faucibus sem. Maecenas lacinia nulla vel risus molestie, in bibendum turpis congue.

[su_box title="INCORRECT" box_color="#ff826f"] ... [/su_box]

Divider

[su_divider top="no" size="1"]

Images

sample-image2

Post feature image

Width: 720px

Height: 373px

atrribution2

Custom Images and Templates 

On custom images designs or homemade designs remember to include the watermark image at the bottom-right position of the image.

envato elements

Image Repository & Envato Elements 

We use Envato Elements as out Images repository, feel free to use it for getting original images.

Steps to use it:

  1. Inside WordPress go to  Elements > Photos
  2. Type a keyword in the search field
  3. Click on the download image and wait 1 minute until is fully donwloaded

 Recomended keywords: business, presentations, interview job, resume writing

Captura de pantalla 2021 03 16 a las 10.46.58
selecting topic

Uploading images or using images

Whether you upload or use any image from Envanto elements remember to add the image title and alt property. If you need help on deciding which keywords to use, you can go on Frase tool to Topic Score section and select Long tails to see all the related keywords that can be included.