Style Guide

Heading Classes

KD heading style h1

Portfolio Studios

KD heading style h2

Portfolio Studios

KD heading style h3

Portfolio Studios

KD heading style h4

Portfolio Studios

KD heading style h5

Portfolio Studios

KD heading style h6

Portfolio Studios

Text Classes

KD-text-style-large

This is some text inside of a div block.

KD text style medium

This is some text inside of a div block.

KD-text-style-regular

This is some text inside of a div block.

KD-text-style-small

This is some text inside of a div block.

KD-text-style-tiny

This is some text inside of a div block.

KD text style subheading

This is some text inside of a div block.

KD text style link

This is some text inside of a div block.

Rich text

KD text rich text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Text link

Bold text

Emphasis

^superscript

_Subscript

buttons

KD button

button

KD button small

button

KD button secondary

button

KT button secondary small

button

KD button link

button

Form Elements

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Colors

KD-black

KD blonde

KD-silver

KD - Left1 Linear

KD - Left2 Linear

KD - Right2 Linear

KD - Right1 linear

Structure Classes

Defined and flexible core structure that we can use on all or most pages.

KD page wrapper

KD-main-wrapper

KD container - small

KD container medium

KD container - large

KD padding global

KD padding section medium

KD padding section large

KD button group