General site layout info

A little bit about site layouts (in general)

Most websites, and certainly WordPress websites have a Header and a Footer.
So these show at the top and bottom of every page (unless specifically turned off for a page. Such a page is often used as a “landing page”).

The Body is the content between the Header and the Footer.
The Body is the “guts” of each and every page. It’s the content of the page.

So… the general layout for many sites is this…

A “Hero” section at the top of every page or at least the Homepage.
(The homepage gets a special ‘big’ Hero section perhaps.)

And then below each page’s Hero section is the page content.

So the layout of many sites:

Header

Body
{

Hero section

Page content sections

}
Footer

Global Styles

Heading 2 (main headings)

Heading 3 (sub headings)

Heading 4

Heading 5 (getting pretty rare)

Heading 6 (very rare)

Plain / default text style – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Accent – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Nav menu – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

4th level title lowercase – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Testimonial name – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Primary

Scroll down arrow – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Big body text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Top header, bottom footer – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Secondary

Hero title

4th level title uppercase – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.