Typografie

Headings, body and other common text elements.

H1 - Heading one

H2 - Heading two

H3 - Heading three

H4 - Heading four

H5 - Heading five
H6 - Heading five
Label

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.

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.

Rich Text H2

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Heading 3

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Heading 4

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Heading 5

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Heading 6

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
List
  • Nullam id dolor id nibh ultricies vehicula ut id elit.
  • Donec id elit non mi porta gravida at eget metus.
  • Vestibulum id ligula porta felis euismod semper. Vestibulum id ligula porta felis euismod semper.

Colors

Primary en secundary colors

Blue

Icons

Common interface and social network iconography

Interface

AtKris

Social

Buttons

Component, text style and size variations

Spacings

Top / Bottom

Space Bottom Large - 48px

Space Bottom Medium - 32px

Space Bottom Small - 16px

Space Bottom X-Small - 8px

Space Top Large - 48px

Space Top Medium - 32px

Space Top Small - 16px

Space Top X-Small - 8px