My Web Styles Guide
I`ve highlighted three significant style themes. The first is...
COLOR
The color can transfer mood of the articles and pay attention at some important things.
LightSlateGray
HEX #778899
Yellow
HEX #FFFF00
SlateBlue
HEX #6A5ACD
DarkCyan
HEX #008B8B
LightCoral
HEX #F08080
PaleGreen
HEX #98FB98
FONT
The fonts help us to absorb the information easer. They also can transfer main idea what about the article would be.

Libre Baskerville

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Merriweather

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Roboto

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Oswald

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Roboto-flex

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

UmbrellaC-Plain

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

TEXT STYLE
The text styles determine the style of the text. I show you my fovurite styles of headings, paragraphs and tables.
Headings
  • font-family: 'Libre Baskerville', sans-serif;
  • Font-weight: 700 (bold)
  • Font-size: 26px
Paragraphs
  • font-family: 'Merriweather', sans-serif;
  • font-size: 18px;
  • Font-weight: 400 (regular)
Table cells
  • font-family: 'Merriweather', serif;
  • font-size: 18px;
  • line-height: 1.4;
BUTTON
The button is one of the fundamental concepts in the web. I have identified for myself the 2 most important subspecies of buttons: Skeuomorphic button and Flat button