REQ - CSS STYLE TILE

This style guide page contains styles and components that are to be used throughout a website.

v1.0 - REQ

0.1 Typograhy

The different text sizes used throughout the site.
h1

This is a Header.

h2

This is a Header.

h3

This is a Header.

h4

This is a Header.

h5
This is a Header.
h6
This is a Header.
Paragraph Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Small

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Quote Block
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
List
  • Heading line list
  • Heading line list
  • Heading line list
Body Link
More about me

0.2 Colors

Color palette used throughout the site.
#
#
#
#
#

0.3 Buttons

The different types of buttons used throughout the website.

4.0 Columns

The column grid system to make it easy to align sections across different screen sizes.
2x
2x
3x
3x
3x
4x
4x
4x
4x

5.0 Text Width

Boxes for text elements throughout the website, e.g for a section header.
400px
500px

700px
Max Text Width - 900px

6.0 Forms

The different types of forms used throughout the website.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
© Style Guide by REQ