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 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