Making a website layout, feedback needed

[riklaunim]

I'm making a very minimalist and quick layout for my blog. Point is to make it faster than the current one, use less tags - using more semantic structure as well as schema parsed by Google.

 

- version 1

- version 2 - with white boxes, looks better for the content block, but the header and navigation not so much....

 

So which version do you like? Which one is better to read?

 

[kirashi]

27 minutes ago, riklaunim said:

I'm making a very minimalist and quick layout for my blog. Point is to make it faster than the current one, use less tags - using more semantic structure as well as schema parsed by Google.

 

- version 1

- version 2 - with white boxes, looks better for the content block, but the header and navigation not so much....

 

So which version do you like? Which one is better to read?

 

I would make a 3rd version where the <header> and <main> elements have the following styles:

header, main {
    border: 0;
    box-shadow: 0 0 0 0;
    background-color: inherit;
}

This gives it a nice mix between having a clearly defined menu and footer without becoming too blocky in the content or for the logo / header area.

 

[AskTJ]

Second. But I would modify it. It looks bland with no colours.

[riklaunim]

I've updated the menu on v1 a bit and also made a more colorful v3:

 

- version 3 - white

- version 3 - light gray noise background