Style guide

Documentation of the basic styles and components.

Colors

List of all colors used in the project.

is-text-blue

Blue

is-text-black

Black

is-text-white

White

is-text-grey

Grey

Typography

In this project we are using only typefaces from this list:

  • Gilroy

  • Inter

Tags

Styles used for all standard HTML tags.

h1

h2

h3

h4

h5
h6

Paragraph

Link

Classes

All styles used for all text elements.

is-h1
is-h2
is-h3
is-h4
is-subheadline
is-paragraph
is-caption-1
is-caption-2
is-caption-3
is-caption-4

Rich text

All styles used for standard rich text block.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque fringilla metus a dui vehicula euismod. Praesent molestie sem non quam porttitor congue. Pellentesque ornare velit vitae felis vestibulum venenatis. Pellentesque turpis purus, vestibulum sit amet ornare quis, lobortis et odio. Quisque sit amet nibh a dolor ultricies semper. Aliquam sapien nunc, rhoncus et finibus et, dignissim ac ex. Vivamus tempor tincidunt porta.

  • lorem ipsum dolor sit amet
  • consectetur adipiscing elit
  • quisque fringilla metus

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque fringilla metus a dui vehicula euismod. Praesent molestie sem non quam porttitor congue. Pellentesque ornare velit vitae felis vestibulum venenatis. Pellentesque turpis purus, vestibulum sit amet ornare quis, lobortis et odio. Quisque sit amet nibh a dolor ultricies semper. Aliquam sapien nunc, rhoncus et finibus et, dignissim ac ex. Vivamus tempor tincidunt porta.

  1. lorem ipsum dolor sit amet
  2. consectetur adipiscing elit
  3. quisque fringilla metus
Image caption

Elements

List of all additional elements used in the project.

Section

Container

Utility classes

Utility classes are hidden.